因此,我专门为320px宽的iPhone建立了一个网站。它在纵向方向上看起来很棒,但是当它在iPhone上变成横向模式时,右侧会有很多空白。
我想弄清楚如何使视口横向缩放至仅320px。这样,就不会有大量的空白。
我怀疑这与视口有关。这是我目前拥有的:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
但这不起作用。有任何想法吗?
谢谢,
布拉德
最佳答案
尝试删除“user-scalable = no”,或定义“maximum-scale”
最好以百分比定义(div等的)宽度,而不是定义像素。这样,宽度会自动调整为屏幕尺寸。
关于响应式设计有很多好的教程。