Медиа-запросы на Galaxy S7 - PullRequest
       14

Медиа-запросы на Galaxy S7

2 голосов
/ 29 февраля 2020

Хорошо, у меня есть эти медиа-запросы на двух разных сайтах, размещенных на одном и том же сервере с помощью Galaxy S7

@media only screen and (min-width:501px) and (max-width: 999px) {

}


@media only screen and (max-width: 500px) {

}

На одном сайте он прекрасно работает с мобильным видом в портретном планшете, в альбомной и горизонтальной ориентации. на компьютере он отображает изображение по умолчанию, но на другом он всегда отображается в виде планшета, и я не могу за свою жизнь получить значение go для мобильного просмотра с разрешением 500 пикселей или меньше. Теперь, с какой стати это прекрасно работает на одном сайте, который я кодировал, но не работает на другом и всегда будет в виде планшета?

1 Ответ

1 голос
/ 29 февраля 2020
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Пожалуйста, добавьте метатег внутри тега head.

Причина:

с <meta> браузер теперь контролирует размеры страницы

width=device-width: Браузер устанавливает ширину страницы в соответствии с шириной экрана устройства.

...