Mam witrynę, która musi reagować na telefony komórkowe. Stworzyłem go za pomocą mojego pulpitu. Kiedy dostosowuję okna przeglądarki, działa to idealnie na telefon komórkowy, ale kiedy sprawdzam to na moim prawdziwym telefonie komórkowym: Samsung Galaxy S2 nie reaguje na widok mobilny.Responsywny projekt strony działa na komputerze stacjonarnym, ale nie na urządzeniu mobilnym.
Co może być nie tak?
Prawdopodobnie brakuje rzutni meta tag w głowie html:
<meta name="viewport" content="width=device-width, initial-scale=1">
Bez niej urządzenie zakłada i ustawia rzutnię do pełnego rozmiaru.
Więcej informacji here.
Może pracować w przeglądarce bez tej linii, ale na urządzeniach mobilnych wystarczy ta linia. –
Użyłem tego, ale jeszcze nie działa. Sprawdź http://august.com.sg/ – w3debugger
Po prostu Cię kocham –
Sprawdź swój CSS lub użyj Walidatora CSS.
Parse Error
.navbar .nav li a {
padding-right: 5px;
paddng-left: 5px;
Wygląda na to, że nie zamknąłeś nawiasu klamrowego lub błędu literówki.
Mam również do czynienia z tym problemem. W końcu mam rozwiązanie. Użyj tego kodu poniżej. Nadzieja: problem zostanie rozwiązany.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
Dodanie "maximum-scale = 1" zadziałało dla mnie. – tsteve
Będziesz musiał dodać więcej informacji i kod dla nikogo być pomocne. Twój CSS, HTML itp. Jakie ramy (takie jak Bootstrap na Twitterze), których używasz, jeśli takie istnieją, itp. – ajacian81