Responsive web design działa na komputerze, ale nie na urządzeniu mobilnym

Mam stronę internetową, która musi być responsywna dla telefonów komórkowych. Stworzyłem go na pulpicie. Kiedy dostosowuję okna przeglądarki działa idealnie na telefon komórkowy, ale kiedy sprawdzam go na moim prawdziwym telefonie komórkowym: Samsung Galaxy S2 nie reaguje na widok telefonu komórkowego.

Co może być nie tak?

Author: Lowkase, 2013-01-13

3 answers

Prawdopodobnie brakuje znacznika meta viewport w nagłówku html:

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

Bez niego urządzenie przyjmuje i ustawia viewport na pełny rozmiar.

Więcej informacji tutaj .

 237
Author: Agush,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-01-29 07:28:20

Mam również do czynienia z tym problemem. W końcu mam rozwiązanie. Użyj poniższego kodu. Nadzieja: problem zostanie rozwiązany.

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

 2
Author: Saiful Islam,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-08-20 06:35:24

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ś kręconego nawiasu lub błędu literówki.

 0
Author: Marcelo Austria,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-04-12 07:45:54