Предположим, у вас есть мобильный телефон с разрешением экрана 1920 x 1080 px (= Full HD).
Теперь вы создаете веб-сайт и добавляете следующие теги CSS:
@media (max-width: 768px) {blabla}‹-- это вид со смартфона@media (min-width: 768px) and (max-width: 1200px) {blabla}‹-- это просмотр на планшете@media (min-width: 1200px) {blabla}‹-- это вид рабочего стола
Вопрос:
Почему телефон (даже с разрешением Full HD) показывает веб-сайт в режиме планшета, а не в режиме рабочего стола?
Что ж, в портретном режиме вид планшета на самом деле в порядке (потому что 1080px находится между 768px и 1200px), но в ландшафтном режиме с его разрешением 1920px, которое больше, чем 1200px, я думаю, должен отображаться вид рабочего стола.
Есть идеи по этому поводу?
