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代码 var ie = !-[1,] 最短的IE判定代码
May 28 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
关于编写性能高效的javascript事件的技术
Nov 28 Javascript
javascript计时器详解
Feb 28 Javascript
js仿微博实现统计字符和本地存储功能
Dec 22 Javascript
JavaScript每天必学之数组和对象部分
Sep 17 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
浅析vue中常见循环遍历指令的使用 v-for
Apr 18 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
Vue组件通信中非父子组件传值知识点总结
Dec 05 Javascript
JS几个常用的函数和对象定义与用法示例
Jan 15 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
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
jQuery调用WebService的实现代码
2011/06/19 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
2016/06/22 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
浅谈webpack下的AOP式无侵入注入
2017/11/12 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
JS+CSS实现动态时钟
2021/02/19 Javascript
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
利用Tkinter和matplotlib两种方式画饼状图的实例
2017/11/06 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
Python opencv实现人眼/人脸识别以及实时打码处理
2019/04/29 Python
Pyqt清空某一个QTreeewidgetItem下的所有分支方法
2019/06/17 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
python学习笔记之多进程
2020/08/06 Python
python实现简单的tcp 文件下载
2020/09/16 Python
Python random模块的使用示例
2020/10/10 Python
Giglio俄罗斯奢侈品购物网:男士、女士、儿童高级时装
2018/07/27 全球购物
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2013/07/12 面试题
禁毒宣传标语
2014/06/19 职场文书
驾驶员安全责任书
2014/07/22 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
婚宴致辞
2015/07/28 职场文书
Django框架中视图的用法
2022/06/10 Python