Próbuję to działa, ale jakoś nie działa w telefonie komórkowym. kiedy używam narzędzia chrome, aby nadpisać rozmiar ekranu, działa dobrze. nie jestem pewien, co robię źle. pomóż@media zapytanie nie działa w telefonie komórkowym. Działa dobrze w Chrome

@media screen and (min-device-width : 320px) and (max-device-width : 480px) { 
      .container .backgroundImage { display: none; } 
}

enter image description here

Jest tła obrazu podczas wyświetlania w przeglądarce. si chciałby usunąć ten obraz przy oglądaniu w telefonii komórkowej, ale jej nie działa jakoś .. pomóż

=============

testów na iPhone 3G, 4, 5, Android Galaxy Nexus

Źródło

2013-06-27 patel.milanb

W zależności od wersji Twojego iPhone'a maksymalna szerokość urządzenia może być szersza niż 480. Spróbuj '900' lub coś głupiego, aby upewnić się, że działa. również powinno być 'i' między 2 zestawów reguł – Andy

yes..let me try ... –

nie działa .... jest to możliwe, że urządzenie testuję na ma wyświetlacz ratina i to dlaczego nie działa. –

@Andy ma rację, dokładnie sprawdź swój device-widths, lub zawsze możesz po prostu użyć min-width, więc nie musisz znać każdej szerokości urządzenia.

Niezależnie od tego upewnij się, że masz tag viewport, taki jak <meta name="viewport" content="width=device-width,initial-scale=1.0">.

Źródło

2013-06-27 13:45:16

gość ... ty rock .... Brakowało mi znacznika widoku w –

Zawarłem metatag w głowie. Nadal nie działa dla mnie. –

Dziękuję za to :) – DannyW86

Fantastyczne - również zapomniałem o rzutni! Fot wszystko: Wystarczy dodać

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

w głowie

Źródło

2015-09-29 07:58:53 romedius33

Wiem, że to stary post, ale Niedawno miałem problem jak ten. W efekcie usunąłem zapytanie o media CSS z głównego arkusza stylów CSS i zamiast tego wprowadziłem specyficzne wymagania dla urządzeń mobilnych w sekcji stylu HTML. Nie wiem, dlaczego zadziałało, ale tak się stało.

Źródło

2016-11-28 00:22:42

@media zapytanie nie działa w telefonie komórkowym. Działa dobrze w Chrome

testów na iPhone 3G, 4, 5, Android Galaxy Nexus

Odpowiedz

Powiązane problemy