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

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