Смартфон видит @media (min-height) только в режиме: Версии для ПК

Смартфон не видит

@media (min-height: 1280px) { 
   div.mySlides img {
   width: 80%;
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
}

Однако стоит в браузере телефона включить опцию: "Версия для ПК" и медиа-запрос срабатывает корректно! Это относится ко всем типам мобильных устройств на которых я просматривал сайт. Помогите пожалуйста! Похожих ответов не нашёл...


Ответы (1 шт):

Автор решения: Дима

Спасибо за подсказку, этот ответ был верным:

вот и делайте от 720 только ширины а не высоты - – MaximLensky 11 часов назад

Возможно смартфон не верно определял ориентацию экрана при @media (min-height: 1280px) А при включении опции: "версия для ПК" понимал ориентацию экрана так как будто я наблюдаю десктопную версию.

→ Ссылка