Адаптивный веб-дизайн работает на рабочем столе, но не на мобильном устройстве

У меня есть сайт, который должен быть отзывчивым для мобильных телефонов. Я создал его с помощью моего рабочего стола. Когда я настраиваю окна браузера, он отлично работает для мобильного телефона, но когда я проверяю его на своем реальном мобильном телефоне: Samsung Galaxy S2 он не реагирует на мобильный вид.

Что может быть не так?

3 97
web-worker mobile responsive-design

3 ответа:

вероятно, вам не хватает мета-тега viewport в HTML-заголовке:

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

без него устройство принимает и устанавливает видовой экран в полный размер.

Подробнее здесь.

237

Я также столкнулся с этой проблемой. Наконец-то я нашел решение. Используйте этот код ниже. Надеюсь: проблема будет решена.

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

2

проверьте свой CSS или используйте валидатор CSS.

    Parse Error

   .navbar .nav li a {
    padding-right: 5px;
    paddng-left: 5px;

похоже, что вы не закрыли свою фигурную скобку или опечатку.

0