Как решить проблемы с правильной эмуляцией масштабов и разрешения моб. устройств в google chrome 74?

1

Доброе время суток, господа и дамы. Столкнулся с проблемой при прохождении курса HTML/CSS урок 62 Адаптивная вёрстка. Суть проблемы в том что у автора видео в Chrome немного по другому отображается Device Toolbar для эмуляции отображения сайта на мобильных устройствах. У меня в моем Chrome 74 свежей версии, отображается так как будто сайт адаптивно подстроен под любые разрешения экранов и при изменении этих разрешений меняется адаптивно сама вёрстка сайта. При введении кода CSS из урока в свой код, стили вёрстки стали в Chrome отображаться на пол экрана эмуляции и перемешиваться. Я заморочился, достал бубен и начал шаманские пляски по установке веб- сервера Apache и поставил сайт на этот веб-сервер, дабы зайти на него со своего смартфона, всё это получилось и когда я запустил сайт Киномонстр на мобиле, всё стало так же как у автора в видео, то есть да действительно без адаптивной вёрстки я вижу только кусок сайта и нужно добавлять в CSS код из урока под мобильное устройство. Вопрос знатокам: как настроить в Google Chrome 74 этот самый Device Toolbar, чтобы он корректно отображал вёрстку как в видео у автора уроков?

html
css

2 ответов

0

У меня 74 версия Chrome, проблем не испытываю с эмуляцией мобильных устройств.

Там есть опции показа в процентах экрана например iphone разных моделей.

Иногда встречаю глюк (очень редко) эмуляции мобильный устройств и я несколько раз перезагружаю страницу (ctrl + f5), меняю устройства и маштаб отображения в процентах, а также нажимаю на кнопку вращения экрана и все отображается после этого корректно. 

0

У меня 84 версия Chrome, такая же проблема, решение есть?

Sign up or Log in to write an answer