Как отображать сайт на мобильных целиком?

Question

[KurtsKhalia]

Открывается увеличенная версия а-ля верхний левый угол. Как отображать сайт целиком, пусть и в уменьшенном масштабе?

Answer 1

[Ankhena]

Для фиксированной ширины:
<meta name="viewport" content="width=ШИРИНА">

Для адаптивных

<meta name="viewport" content="width=device-width">

Comments

[Ярослав Иванов]

А если я не знаю ширину? Как мне открыть сайт целиком ?

[Ankhena]

Ярослав Иванов: Вздохнуть, узнать ширину и написать. Для резиновых - взять минимальную.
Если не помогло перечитать еще раз.

[Ярослав Иванов]

Ankhena W: или просто добавить height=device-height и не парится.

[Ankhena]

Ярослав Иванов: Ваш ответ я и так видела и автор вопроса думаю тоже. Кроме того, я не уверена, что вариант с указанием высоты корректный и является панацеей.

[Ярослав Иванов]

Забавно, что ответ отметили. И как же это будет работать если ширина неизвестна, KurtsKhalia ?

[Ankhena]

Ярослав Иванов: Вы мне объясните, что значит неизвестна?

[Ярослав Иванов]

Ankhena W: Я за универсальное решение. Чтобы копипаст и все. А тут надо прописывать ширину. То есть под каждый сайт индивидуально. Не круто. Я знаю, что вариант с высотой может и не валидно но работает же :)

[Ankhena]

Ярослав Иванов: Я потестирую Ваш способ, честно, на следующем неадаптивном сайте.

Answer 2

[Ярослав Иванов]

<meta name="viewport" content="width=device-width, height=device-height">

Comments

[Сергей Горячев]

Высоту зачем? Совсем сплющит же)))

[Ярослав Иванов]

Sergey Goryachev: не всегда width срабатывает. в связке с height работает как надо. Он не сжимается ))

[Ярослав Иванов]

Sergey Goryachev: Я как-то мучался с одним из проектов не мог понять почему viewport не работает. В итоге поигравшись с атрибутами нашел такое решение ))