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

237
23 ноября 2017, 01:35

Как задать медиа-запрос для масштабирования? На масштабе окна браузера 90% едет заголовок. Как узнать, какова ширина экрана на 90% (и так далее), чтобы правильно прописать медиазапрос? Спасибо :)

Answer 1

Медиа-запросы пишутся в пикселях.

в google chrome -> откройте консоль (F12) -> при изменении размеров окна броузера справа вверху будут его габариты в "px"

Собственно, когда начинаются проблемы с версткой используется конструкция медиа-запросов:

css:
h2{ 
  font-size: 40px;
}
@media (max-width: 1000px){
   h2{
     font-size: 32px;
   }
}
Answer 2

Всё, разобрался методом эксперимента сам. Задача: узнать, какое разрешение экрана на определённых процентах масштаба. Решение: работаю в Google Chrome последней версии на момент ответа. Вызываем панель разработчика нажатием комбинации клавиш Ctrl+Shift+I, находим в верхней части браузера под поисковой строкой процентные показатели и выбираем 100%. Смотрим на разрешение, например, 1115 х 613px (у меня такой размер экрана, у вас может быть по-другому), нажимаем на конец строки ввода ширины (в моем случае это после цифры "5") и зажимаем клавишу вверх на клавиатуре, следя за автоматическим изменением процентов слева на той же панели. Готово.

READ ALSO
Как задать два background?

Как задать два background?

Привет подскажите пожалуйста такой кодИменно код ибо суть я знаю а вот код неправильно пишу

349
Тест на скорость загрузки сайта

Тест на скорость загрузки сайта

Похожие вопросы уже искал, ответа не нашел

280
Адаптивный блок Adsense не подстраивается

Адаптивный блок Adsense не подстраивается

Добрый вечерПочему-то адаптивный блок Adsense не всегда адекватно подстраивается по ширине экрана

224
Деформация секции виджетов в шаблоне WordPress

Деформация секции виджетов в шаблоне WordPress

Нашёл один шаблон который очень нравится и менять его не хочется совсем, но в нём есть косякТочнее, я не знаю, он появился по моей вине в результате...

205