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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
Jan 05 Javascript
javascript instanceof,typeof的区别
Mar 24 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
Apr 26 Javascript
js移动端图片压缩上传功能
Aug 18 Javascript
vue实现选项卡及选项卡切换效果
Apr 24 Javascript
vue实现通讯录功能
Jul 14 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 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
一个MYSQL操作类
2006/11/16 PHP
PHP网站基础优化方法小结
2008/09/29 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
php判断手机浏览还是web浏览,并执行相应的动作简单实例
2016/07/28 PHP
php的lavarel框架中join和orWhere的用法
2020/12/28 PHP
JS的get和set使用示例
2014/02/20 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
bootstrap监听滚动实现头部跟随滚动
2016/11/08 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
js原生方法被覆盖,从新赋值原生的方法
2018/01/02 Javascript
JavaScript实现计算多边形质心的方法示例
2018/01/31 Javascript
Node批量爬取头条视频并保存方法
2018/09/20 Javascript
js使用formData实现批量上传
2020/03/27 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
2020/05/26 Javascript
Python中encode()方法的使用简介
2015/05/18 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
python实现事件驱动
2018/11/21 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
python 读取二进制 显示图片案例
2020/04/24 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
美国存储和组织商店:The Container Store
2017/08/16 全球购物
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
大班开学家长寄语
2014/04/04 职场文书
服务承诺书怎么写
2014/05/24 职场文书
放飞理想演讲稿
2014/09/09 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
常住证明范本
2015/06/23 职场文书
2016年寒假见闻
2015/10/10 职场文书
教师学习心得体会范文
2016/01/21 职场文书
PHP使用QR Code生成二维码实例
2021/07/07 PHP