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

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;}
}

操纵缩放直到你做对了。