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

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

操纵缩放直到正确为止。