Медиа-запрос Bootstrap v4 не работает в инструменте устройства Chrome dev tools

#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">
  

в заголовке