iphone - 移动 Safari (iphone) 水平转动时不放大

Question

所以我专门为 320px 宽的 iphone 建立了一个网站。它在纵向时看起来很棒，但是当它在 iPhone 上变成横向模式时，右侧有大量的空白区域。

我想弄清楚如何使视口(viewport)在横向上仅放大 320 像素。这样，没有大量的空白。

我怀疑它与视口(viewport)有关。这是我目前拥有的:

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

但这行不通。有任何想法吗？

谢谢，
布拉德

Answer 1

尝试删除“user-scalable=no”，或定义“maximum-scale”

最好以百分比而不是定义的像素来定义(div 等)的宽度。这样宽度会自动调整到屏幕的大小。

有很多关于响应式设计的好教程。