Почему не работает viewport?

Question

[Анатолий]

Подскажите, а viewport сейчас работает или его уже убрали?
Пытаюсь ограничить максимальное разрешение для сайта 900px, и как только не делал, результат нулевой, т.е. на экране без изменений.
Что писал:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="viewport" content="width=900, user-scalable=no">
<meta name="viewport" content="width=900,initial-scale=1">
<meta name="viewport" content="width=800,initial-scale=0.5">

и много еще разных комбинаций

Смотрю на планшете с разрешением: 2560x1600, ширина сайта всегда 980px.
Я конечно могу медиа запросами подогнать разрешение под 980px, но сейчас вопрос не про то.
На телефонах разрешение меньше, так что там сразу уходит на 320, 360,.. в зависимости от телефона.

Comments

[Ankhena]

Пытаюсь ограничить максимальное разрешение для сайта 900px

<meta name="viewport" content="width=900,initial-scale=1">

и min-width 900px для сайта.

Смотрю на планшете с разрешением: 2560x1600, ширина сайта всегда 980px.

Вьюпорт у планшета совсем другой. Откройте ссылку https://www.esolutions.se/en-GB/test на планшете и посмотрите, какой он на самом деле.

[Анатолий]

У меня на сайте в отладочной информации, сам на js написал, тоже самое показывает, так что на сайте ничего нового не увидел.

PS. На планшете батарейка кончилась, он выключился, сейчас зарядил, включил его и о чудо, правильно все работает. Подозреваю, что дело было в кеше, так как это не десктопный браузер и тут сложно как-то обнулить кеш. Опыты продолжаются )

Answer 1

[Анатолий]

Перезагрузил планшет и все заработало, возможно дело было в кеше.
Сейчас пишу:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

получаю: 689x982

<meta name="viewport" content="width=device-width, initial-scale=0.9">

получаю: 765x1091

<meta name="viewport" content="width=device-width, initial-scale=0.8">

получаю: 861x1346

<meta name="viewport" content="width=900, user-scalable=no">

получаю: 900x1407
причем даже на телефонах стало 900

короче вернул обратно на

<meta name="viewport" content="width=device-width, initial-scale=1.0">

всем доволен, тему закрываю

Answer 2

[Alexander Pushkarev]

Прочитайте данную статью - https://css-tricks.com/optimizing-large-scale-displays/ будет понятно почему не 2560x1600. А ещё с dpi ознакомьтесь

Comments

[Анатолий]

Что-то это совсем не то!

У меня и так резиновый сайт, вопрос был только про планшет, он почему-то не масштабировал, хотя ранее нормально все работало.
Предварительно все дело в кеше, так как после перезагрузки он реанимировался и опять все заработало.

Тему пока не закрываю, так как может не в кеше дело, а еще в чем-то.