将 480 像素布局适合 320 像素视口

Question

我正在使用 Dreamweaver 的流体网格布局系统。虽然我已经能够创建 3 种设计（台式机/平板电脑/移动设备），但 Dreamweaver 使用 480 像素宽的移动设备视口。但是，在 iPhone 上，视口实际上是 320 像素宽，所以我的设计的一部分在右侧被截断了。

是否有元标记可将 480 像素的设计缩小/缩小以适应 320 像素，而不会影响平板电脑或桌面显示器？

谢谢！

Answer 1

这是您问题的解决方案：

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

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