css - 页面的移动渲染在小视图中加载完整的垂直页面

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-scale1 到 10 之间的值以允许缩放。