Как решить вопрос неправильного масштабирования адаптивной вёрстки?

54

victorpavloff

22 августа 2015, 19:52

762

Делаю адаптивную вёрстку. Прописываю метатэг

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

Если сжимать окно браузера, то вёрстка ведет себя так, как нужно:

Но если я проверяю вёрстку в Google Chrome при имитации различных устройств, то вёрстка отображается 1024px.

Как это можно вылечить?

Партнёрка №1 в essay-нише (https://goo.gl/YfTPtG)

176

nikonlay

22 августа 2015, 20:16

#1

а если не прописывать тег вьюпорт, то как выглядит в гугл хром?

V

54

victorpavloff

22 августа 2015, 20:32

#2

nikonlay:
а если не прописывать тег вьюпорт, то как выглядит в гугл хром?

Точно также.

225

D.iK.iJ

23 августа 2015, 20:56

#3

Больше похоже на глюк Хрома, конечно.

Для начала, обновите страницу в Хроме после выбора устройства. Еще можно попробовать вручную установить нужный размер окна.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

13

Rus33

24 августа 2015, 03:47

#4

victorpavloff:
Делаю адаптивную вёрстку. Прописываю метатэг

Код:
<meta name="viewport" content="width=device-width, initial-scale=1.0">

А зачем писать так? Вы пропишите размеры сайта для разных расширений с помощью @media.

Рекламу и раскрутку своего сайта вы можете получить здесь (http://1ps.ru/?p=644814) Пишешь сообщения, и одновременно зарабатывай. (http://profit-maker.org/index.php?referrerid=20367)