Код:
- Имеется блок со строго заданной шириной (800px).
- В шапке пишем
<meta name="viewport" content="width=device-width">
.
Тест:
- Заходим с Android (samsung-browser и chrome-browser), видим отображение блока на всю ширину дисплея:
- Заходим с iPhone 7 (safari-browser), видим отображение блока лишь на ширину самого дисплея iPhone 7, чтобы увидеть весь блок, нужно руками уменьшить масштаб:
Вопрос:
Как заставить iPhone по умолчанию отображать блок на всю ширину (как на Android), без дополнительных телодвижений (уменьшения масштаба руками)?
.wrapper {
width: 800px;
background: bisque;
}
<div class="wrapper">
Однажды одна маленькая строчка рыбного текста по имени Lorem ipsum решила выйти в большой мир грамматики. Великий Оксмокс предупреждал ее о злых запятых, диких знаках вопроса и коварных точках с запятой, но текст не дал сбить себя с толку. Он собрал семь
своих заглавных букв, подпоясал инициал за пояс и пустился в дорогу.
</div>