页面的移动呈现在微小视图中加载完整的垂直页面

Question

我正在为我的网站构建一个移动优化页面。我是移动网络优化的新手。 我的开发机器上的一切看起来都很好，但是当我去看看我的Android移动浏览器上的页面时，它看起来非常小，因为它强制文本的完整垂直部分显示在浏览器中。这不会发生在我的桌面浏览器上。任何想法如何阻止这种情况发生并让它只是在移动浏览器中显示全宽？

Answer 1

您错过了meta-viewport代码，请尝试以下操作：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0" >

重要的部分是width=device-width，这将确保您的HTML占据屏幕的整个宽度。初始和最大比例属性设置为1以禁用缩放，只需将maximum-scale值更改为1到10之间的值即可进行缩放。