如何在移动设备上缩小固定宽度的页面？

Question

我有一堆固定宽度的着陆页。所有这些在移动浏览器上都显得非常放大。

我做了什么：

• 我一起删除了 meta viewport 标签。没有变化。

• 我将宽度设置为几种不同的尺寸，例如<meta name="viewport" content="width=1024">，但这没有任何作用，尽管我确信它会起作用。

• viewport 标记的更多变体。

我很茫然。理想情况下，我会让所有这些着陆页都具有响应性，但我至少有 20 个，只是希望它们现在看起来不错。

Answer 1

编辑：

将此添加到您的 CSS：

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    html {zoom:0.8;}
}

操纵缩放，直到正确为止。