Как сделать iphone сафари мобильным зумом в горизонтальном режиме

Question

Итак, я сделал сайт, созданный для вертикальной ориентации на iPhone с каркасом MobileBoilerplate.Он имеет ширину 320 пикселей и отлично смотрится в вертикальной ориентации.

Но, когда вы поворачиваете iPhone вбок, теперь с правой стороны появляется около 100 пикселей пустого пространства.Я бы хотел, чтобы окно просмотра увеличилось, чтобы дизайн 320 пикселей заполнял все пространство.

Есть предложения?Большое спасибо!

-Brad

Answer 1

Использовать метатег:

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

Это настраивает порт просмотра, расширяя его ширину для заполнения текущих размеров экрана.