将480像素布局拟合到320像素视口

时间:2013-07-31 17:50:07

标签: iphone responsive-design viewport

我正在使用Dreamweaver的流体网格布局系统。虽然我已经能够创建3种设计(桌面/平板电脑/移动设备),但Dreamweaver使用480像素宽的移动视口。但是,在iPhone上,视口实际上是320像素宽,因此我的设计的一部分在右侧被截断。

是否存在缩小/缩放480像素设计以适应320像素的元标记,而不影响平板电脑或桌面显示器?

谢谢!

1 个答案:

答案 0 :(得分:1)

这是您问题的解决方案:

<meta name="viewport" content="width=480, user-scalable=no" />

它将内容的宽度设置为480px,并让浏览器找到正确的比例。