Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结（附代码）

可能大家发现自己制作的手机端页面，默认打开的时候并不是在理想的缩放状态下。

遇到这样的问题，需要在head标签下，添加meta解决。

代码如下：

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0″/>
//控制默认缩放大小、最小缩放大小、最大缩放大小。通过这个可以设置用户的最大和最小缩放程度。
<meta name=”MobileOptimized” content=”320″/>
//表示为移动设备的默认显示宽度为320px，此参数目前使用与安卓手机设备
<meta name=”Iphone-content” content=”320″/>
//表示为Iphone设备的默认显示宽度为320px
<meta name=”format-detection” content=”telephone=no” />
//表示手机模式设置为启用。

其他相关参考链接：

https://www.jb51.nethttps://www.geek-share.com/detail/2714026235.html

https://www.jb51.nethttps://www.geek-share.com/detail/2714023842.html

https://www.jb51.nethttps://www.geek-share.com/detail/2714025262.html

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!

您可能感兴趣的文章:

• 关于meta viewport中target-densitydpi属性详解（推荐）
• 自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
• java 查询oracle数据库所有表DatabaseMetaData的用法(详解)
• JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
• jQuery实现响应浏览器缩放大小并改变背景颜色
• 浏览器缩放检测的js代码