Если вы используете Bootstrap Responsive Utilities или аналогичную альтернативу, которая позволяет скрыть / показать divs в зависимости от точек останова, возможно, будет возможно использовать несколько элементов и показать наиболее подходящие. то есть
@ Энди прав, перепроверьте свой device-widths
, или вы всегда можете просто использовать min-width
, чтобы вам не нужно было знать ширину каждого устройства.
Несмотря на это, убедитесь, что у вас есть тег viewport
, например <meta name="viewport" content="width=device-width,initial-scale=1.0">
.
Я знаю, что это старый пост, но у меня недавно была такая проблема. В итоге я исправил это, удалив медиа-запрос CSS из основной таблицы стилей CSS, и вместо этого ввел конкретные требования для мобильных устройств в разделе html-стиля. Не знаю, почему это сработало, но это сработало.
Фантастика - тоже забыл окно просмотра! Fot all: просто добавьте
<meta name="viewport" content="width=device-width,initial-scale=1.0">
в свою голову