html网页兼容手机浏览器（解决显示页面很小的问题）
2017-03-13 18:14
996 查看
在网页<head></head>中加入以下代码，就可以正常显示了：
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
解释：
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
精简点的话，可以把上面的代码更改为以下代码，效果是一样的：
<meta content="width=device-width,user-scalable=no" name="viewport">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
解释：
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
精简点的话，可以把上面的代码更改为以下代码，效果是一样的：
<meta content="width=device-width,user-scalable=no" name="viewport">
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- html网页兼容手机浏览器（解决显示页面很小的问题）
- 手机网页Html代码实现（解决显示页面很小的问题）
- 手机网页Html代码实现（解决显示页面很小的问题）
- 手机网页Html代码实现（解决显示页面很小的问题）
- 手机网页Html代码实现（解决显示页面很小的问题）
- 手机网页Html代码实现（解决显示页面很小的问题）
- html关于强制显示、隐藏浏览器的滚动条，解决由于高度变化带来的滚动条影响页面宽度的问题
- 手机网页Html代码实现（解决显示页面很小的问题）
- 解决IDEA开发JavaWeb项目修改了HTML或Servlet/JSP后刷新浏览器无法及时显示修改后的页面的问题
- 一个手机自适应的网页效果解决显示页面很小的问题
- 解决在用HTML+DIV+CSS编写网页时，各个浏览器的兼容问题
- 一个手机自适应的网页效果解决显示页面很小的问题
- html页面音乐播放器 基于audiojs 整体改编 兼容所有浏览器和手机
- 网页常见浏览器兼容问题及解决方法
- 解决FCKEditor编辑器在浏览器返回时显示html源代码的问题
- 用条件注释判断浏览器版本解决页面兼容问题
- 制作手机浏览器显示格式的HTML页面
- 网页设计~老生常谈~浏览器兼容--2个主要问题的解决
- 解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
- 手机端HTML网页生成 meta标签针对苹果手机页面设计问题