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 相关文章推荐
js正确获取元素样式详解
Aug 07 Javascript
jQuery的Ajax的自动完成功能控件简要说明
Feb 22 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
Feb 05 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 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
第五节--克隆
2006/11/16 PHP
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
新浪微博API开发简介之用户授权(PHP基础篇)
2011/09/25 PHP
PHP使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
PHP使用JSON和将json还原成数组
2015/02/12 PHP
基于php+MySql实现学生信息管理系统实例
2020/08/04 PHP
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
javascript数组去重方法汇总
2015/04/23 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
性能优化之代码优化页面加载速度
2017/03/01 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
json解析大全 双引号、键值对不在一起的情况
2019/12/06 Javascript
基于vue和bootstrap实现简单留言板功能
2020/05/30 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
Nest.js散列与加密实例详解
2021/02/24 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
Python简单获取自身外网IP的方法
2016/09/18 Python
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
python 三元运算符使用解析
2019/09/16 Python
Lou & Grey美国官网:主打舒适性面料服饰
2017/12/21 全球购物
小学教师个人先进事迹材料
2014/05/17 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
校园标语大全
2014/06/19 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python