css - 缩放网站以填充垂直视口

Question

我有一个大小为 940x630 像素的网站。现在客户希望网站适合所有设备，即使这意味着缩小整个网站。问题是，我让它缩放到设备的宽度，但如果内容不合适，仍然会有一些垂直滚动。似乎每个视口属性 height=device-height 或 height=640 都被忽略了（至少在我的 Galaxy SII 上）

关于如何解决这个问题的任何想法？

Answer 1

您将需要做某种移动站点/引导程序。如果您查看桌面上的网站，然后查看他们的移动选项，您会注意到他们必须删除和转移内容。这是由于移动设备没有足够的空间来水平显示所有内容并迫使它们进入您正在谈论的垂直方向。正如@Andrew 所说，css-tricks.com 网站非常有用。您可能可以将平板电脑的所有内容保持不变，并仅删除/重做手机的某些元素。