因此,我专门为320px宽的iPhone建立了一个网站。它在纵向方向上看起来很棒,但是当它在iPhone上变成横向模式时,右侧会有很多空白。

我想弄清楚如何使视口横向缩放至仅320px。这样,就不会有大量的空白。

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

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

但这不起作用。有任何想法吗?

谢谢,
布拉德

最佳答案

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

最好以百分比定义(div等的)宽度,而不是定义像素。这样,宽度会自动调整为屏幕尺寸。

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

10-08 18:22