我正在为我的网站构建移动优化页面。我是移动网络优化的新手。 在我的开发机器上一切看起来都很好,但是当我在我的 android 移动浏览器上查看页面时,它看起来非常小,因为它强制文本的完整垂直部分显示在浏览器中。这不会发生在我的桌面浏览器上。有什么想法可以阻止这种情况发生并让它在移动浏览器中以全宽显示吗?
最佳答案
你缺少一个 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 之间的值即可允许缩放。
关于css - 页面的移动呈现在小 View 中加载完整的垂直页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12395942/