Задать вопрос
@donaire

Как делать адаптивную вёрстку по ширине и высоте?

Не могу найти информации, как это лечится. В браузере нажимаем F12 и делаем адаптивную вёрстку для размера, допустим, 1920*1080. Открываем затем страницу на мониторе 1920*1080, а страница отображается так, как для более мелкого разрешения. По-другому: если открыть какой-либо сайт, например google.ru, на мониторе 1920*1080, то будет одно изображение. Если же теперь нажать F12, затем перейти в режим адаптивной вёрстки и выставить там размер 1920*1080, то размеры элементов сайта станут намного больше, как будто это вёрстка для гораздо меньшего разрешения. Вот такая конструкция:
media screen and (min-width: 1920px) /*с 1920*/
{
media screen and (min-height: 1080px) /*с 1080*/
{
далее размеры...
Отображается правильно только в режиме адаптивной вёрстки 1920*1080, а при простом отображении страницы на мониторе 1920*1080 показывается страница для меньшего размера экрана.
  • Вопрос задан
  • 204 просмотра
Подписаться 1 Простой 11 комментариев
Пригласить эксперта
Ответы на вопрос 1
sagrana
@sagrana
Вёрстка и немного кодинга)
Потому что есть разрешение экрана в физических пикселях, а есть резрешение экрана браузера в логических пикселях. И то, что у вас экран 1920х1080 px совсем не значит, что сайт отображается на этом разрешении.
Есть куча сайтов, которые показывают эти параметры. Например, myresolutionis.ru.
А в высоте экрана надо учитывать, что на разных устройствах может быть разная высота панели инструментов, закладок и т.д.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы