2013-03-19 18 views
5

Mam więc interesującą sytuację, pracuję nad responsywną stroną, a kiedy zmieniam rozmiar przeglądarki, wszystko działa tak, jak powinno, ale kiedy przeglądam stronę z mojego iPhone'a, to nie chwytam zapytania od zapytania odpowiednie materiały, które mam zdefiniowane jako:Telefon komórkowy nie rozpoznaje zapytań o media

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

strona jest ericbrockmanwebsites.com/dev2 Zastanawiasz się, czy ktoś natknąć się to wcześniej.

Każda pomoc jest bardzo doceniana.

+0

Może być konieczne poprawienie wartości. Widziałeś to? http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ – xec

+1

To jest również dobra lektura: https://developer.mozilla.org/en-US/docs/Mobile/ Viewport_meta_tag – xec

Odpowiedz

10

Musisz dodać w swojej głowie <meta name="viewport" content="width=device-width, initial-scale=1">, aby urządzenie mobilne szanowało zapytania o media.

+0

dobre rozwiązywanie problemów –

+0

Ja też miałem problemy z uzyskaniem urządzeń mobilnych do korzystania z zapytań o media, które ustawiłem. To rozwiązało problem. Dzięki! – Pea

0

W niektórych przypadkach z obrazów wykraczających poza szerokość strony ciała lub owijki w telefonii komórkowej, po prostu oddanie

<meta name="viewport" content="width=device-width, initial-scale=0">

w głowę może dostosować organizm do wyśrodkowany.

Powiązane problemy