css - 页面的移动呈现在小 View 中加载完整的垂直页面

标签 css mobile

我正在为我的网站构建移动优化页面。我是移动网络优化的新手。 在我的开发机器上一切看起来都很好,但是当我在我的 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/

相关文章:

jquery - 如何使我的布局在所有分辨率下看起来都一样?

javascript - jQuery 用户界面 : Add widget depending on class not on id

JQuery Mobile 对话框背景

android - iOS + Android 2D 游戏引擎

css - 如何根据过渡的长度在 CSS 中显示和隐藏文本

javascript - 导航损坏 : The menu link "Home" points to a nonexistent ID "#home" - javascript prompt

php - 是否可以通过编程将基于 CSS div 的布局转换为表格布局?

java - 使用适用于 Android 的 Quizlet API

jquery - 适合移动设备的 Jquery 模态框吗?

testing - 如何减少/减少 Blackberry Simulator 的应用程序存储和内置内存存储?