Mobile Safari (iphone) не увеличивается при повороте по горизонтали

Question

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

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

Я подозреваю, что это как-то связано с окном просмотра. Вот что у меня сейчас есть:

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

Но это не работает. Есть идеи?

Спасибо, Бред

Answer 1

Попробуйте удалить «user-scalable = no» или определить «максимальный масштаб»

Предпочтительно указывать ширину (в делениях и т. Д.) В процентах, а не в определенных пикселях.Таким образом, ширина автоматически подстраивается под размер экрана.

Есть много хороших руководств по адаптивному дизайну.