Mam witrynę internetową, która musi być responsywna dla telefonów komórkowych. Stworzyłem go na moim pulpicie. Kiedy dostosowuję okna przeglądarki, działa idealnie na telefon komórkowy, ale kiedy sprawdzam to na moim prawdziwym telefonie komórkowym: Samsung Galaxy S2 nie reaguje na widok mobilny.
Co może być nie tak?
mobile
web
responsive-design
Tadas Davidsonas
źródło
źródło
Odpowiedzi:
Prawdopodobnie brakuje tagu meta viewport w nagłówku HTML:
Bez tego urządzenie przyjmuje i ustawia widok na pełny rozmiar.
Więcej informacji tutaj .
źródło
index.html
faktycznie zawiera tag, a także rozwójindex.html
Ja też stanąłem przed tym problemem. Wreszcie znalazłem rozwiązanie. Użyj poniższego kodu. Nadzieja: problem zostanie rozwiązany.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
źródło
Chociaż odpowiedź na to pytanie znajduje się powyżej i jest słuszna
ale jeśli używasz Reacta i webpacka, nie zapomnij zamknąć tagu elementu
źródło
Responsywny metatag
Aby zapewnić prawidłowe renderowanie i powiększanie dotykowe na wszystkich urządzeniach, dodaj responsywny metatag widocznego obszaru do swojego
<head>
.źródło