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页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
Dec 18 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
JavaScript Ajax实现异步通信
Dec 14 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
一篇文章带你从零快速上手Rollup
Sep 07 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
php操作JSON格式数据的实现代码
2011/12/24 PHP
php读取大文件示例分享(文件操作类)
2014/04/13 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
Grid得到选择行数据的方法总结
2011/01/17 Javascript
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
2014/03/18 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
2014/10/16 Javascript
jQuery实现友好的轮播图片特效
2015/01/12 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
javascript实现循环广告条效果
2017/12/12 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
vue中的数据绑定原理的实现
2018/07/02 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
npm qs模块使用详解
2020/02/07 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
Python实现爬取逐浪小说的方法
2015/07/07 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
东芝官网商城:还原日式美学,打造美好生活
2018/12/27 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
日语专业推荐信
2013/11/12 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
小学班主任评语
2014/12/29 职场文书
简爱读书笔记
2015/06/26 职场文书
施工安全责任协议书
2016/03/23 职场文书