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


Posted in Javascript onAugust 18, 2017

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

遇到这样的问题,需要在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” />

//表示手机模式设置为启用。

其他相关参考链接:

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

Javascript 相关文章推荐
一款JavaScript压缩工具:X2JSCompactor
Jun 13 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
Javascript的严格模式strict mode详细介绍
Jun 06 Javascript
吐槽一下我所了解的Node.js
Oct 08 Javascript
javascript模拟命名空间
Apr 17 Javascript
Javascript中setTimeOut和setInterval的定时器用法
Jun 12 Javascript
jquery实现仿新浪微博评论滚动效果
Aug 06 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
Dec 17 Javascript
微信小程序 Audio API详解及实例代码
Sep 30 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
Aug 18 #Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 #Javascript
JavaScript你不知道的一些数组方法
Aug 18 #Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
Aug 18 #Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 #Javascript
JS实现页面打印(整体、局部)
Aug 18 #Javascript
简单实现jQuery轮播效果
Aug 18 #jQuery
You might like
PHP开发文件系统实例讲解
2006/10/09 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
PHP自动载入类文件函数__autoload的使用方法
2019/03/25 PHP
jQuery html()等方法介绍
2009/11/18 Javascript
js url传值中文乱码之解决之道
2009/11/20 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
基于Vue框架vux组件库实现上拉刷新功能
2017/11/28 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
2018/04/11 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
原生js无缝轮播插件使用详解
2020/03/09 Javascript
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
2020/06/01 Javascript
详解小程序横屏方案对比
2020/06/28 Javascript
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
[05:49]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS 选手采访
2021/03/11 DOTA
压缩包密码破解示例分享(类似典破解)
2014/01/17 Python
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
python 调用HBase的简单实例
2016/12/18 Python
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
使用pip安装python库的多种方式
2019/07/31 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
澳大利亚领先的孕妇服装品牌:Mamaway
2018/08/14 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
党员个人总结范文
2015/02/14 职场文书
不同意离婚上诉状
2015/05/23 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python