#bootstrap-4 #google-chrome-devtools
#bootstrap-4 #google-chrome-devtools
Вопрос:
Я использую div с классами начальной загрузки: «d-none d-md-block», поэтому я ожидаю, что div будет скрыт для небольших устройств. Однако, когда я нахожусь в chrome dev tools и использую панель инструментов устройства, кажется, что размеры игнорируются.. С Laravel < v4 у меня никогда не было проблем. Итак:
Не заботится о размерах. Он использует медиа-запрос min-width: 768 пикселей, однако размеры намного меньше..
У кого-нибудь есть идея?
Комментарии:
1. Имеет ли ваша мобильная симуляция коэффициент умножения? 375 на самом деле может быть в 3 раза больше.
2. Да, iPhone X имеет собственное разрешение 1125 пикселей, вероятно, с плотностью отображения 3: 1.
Ответ №1:
Найдено исправление путем добавления
<meta name="viewport" content="width=device-width, initial-scale=1">
в заголовке