Как отобразить сайт во весь экран на определенных экранах?

Question

[Jevgenii]

Я не знаю что делать. Я уже просто прописал <meta name="viewport" content="width=1920px"> и все равно не работает. В общем, нужно чтобы на экранах 577-1087px сайт был 1000px. Я уже это сделал, но изза width=device-width сайт открывается не в полный экран, а в зуме. нужно чтобы он был "большой".

Answer 1

[SpideR-KOSS]

@media (min-width: 577px) {
 Здесь стили для разрешения больше чем 577px но меньше 1088px.
 }

@media (min-width: 1088px) {
 Здесь стили для разрешения больше чем 1088px.
 }

А вашему главному блоку/контейнеру(body или wrapper, надо код смотреть) пропишите правило width: 1000px;

Comments

[Bondi]

+ я бы добавил min-width: 1000px вместо фиксированной ширины и width: 100% что бы контейнер тянулся на все доступное пространство (до 1000px)

Answer 2

[азаза]

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

@медиа запросами выставляйте нужные размеры для определенных размеров экрана

Comments

[Jevgenii]

так я же это уже сделал, а сайт открывается в размер экрана. Нужно чтобы он открывался в 1000px

[Сергей delphinpro]

Jevgenii, minimum-scale:1 - минимальный масштаб
user-scalable="no" - запретить масштабирование.

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

[Jevgenii]

Сергей delphinpro, всеравно ничего не работает, я не понимаю почему. Если я пишу

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

то сайт должен открываться со всех устройств в 1920px, но этого не происходит. другие sclae и scalable тоже не работают