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.