media queries + facebook iframe

Odpowiedz Nowy wątek
2014-03-04 22:12
0

Witam,

Mam apkę facebookową i potrzebuję zrobić jej responsywną grafikę. Wszystko ładnie działa na localhost(po zmianie rozdzielczości w przeglądarce podmieniają się style).
Kiedy zrobiłem z tego "aplikację" facebookową przestaje działać. Facebook wstawia aplikacje poprzez iframe i tu pojawia się problem. Po zmianie rozdzielczości nic się nie dzieje.
Gdy za pomocą firebuga zmieniam szerokość iframe, style się zmieniają.
Czy jest jakiś sposób aby responsywna grafika zadziałała w iframie na facebooku?

Link do strony: https://apps.facebook.com/testowa_apka_oi/

Wklejam kod pliku html i css. Poza tymi plikami

CSS:


@media all and (min-width:1024px) {

    .tab{
        background:url('img/blank1024.jpg');
    }

}
@media all and (max-width:1023px) {

    .tab{
        background:url('img/blank768.jpg');
    }

}
@media all and (max-width:769px) {

    .tab{
        background:url('img/blank480.jpg');
    }

}
@media all and (max-width:479px) {

    .tab{
        background:url('img/blank320.jpg');
    }

}
@media all and (max-width:319px) {

    .tab{
        background:url('img/blank240.jpg');
    }

}

HTML:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="style.css">
<title>Test</title>
</head>
    <body>
        <div class="tab">
            Treść
        </div>
    </body>
</html>

Z góry dziękuję za pomoc. Pozdrawiam.

Pozostało 580 znaków

2014-03-05 09:16
0

media queries sprawdzi jaki jest rozmiar dokumentu. rozmiar dokumentu jest taki jak rozmiar ramki, jeżeli dokument jest w ramce.

jeżeli ramka nie zmienia rozmiaru przy zmianie rozmiaru całej strony facebooka (a chyba nie zmienia) - to to nie zadziała. zastanawiam się natomiast po co chcesz zmieniać style ramki, skoro i tak będą paski przesuwania?

z tego co widzę tam ramka powiększa się na całą stronę, ale ma pewną szerokość minimalną, poniżej której nie zejdzie.


Pozostało 580 znaków

2014-03-05 12:15
0

A czy istnieje jakiś sposób żeby to obejść? Lub może jakaś inna metoda stworzenia responsywnej grafiki w aplikacji fb?

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0