缩放网站以填充垂直视口

Question

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

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

Answer 1

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