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 相关文章推荐
node.js中的http.response.writeHead方法使用说明
Dec 14 Javascript
浅谈JavaScript中的Math.atan()方法的使用
Jun 14 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 Javascript
js实现常用排序算法
Aug 09 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
微信小程序 欢迎界面开发的实例详解
Nov 30 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
Node.js 的模块知识汇总
Aug 16 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
jstree中的checkbox默认选中和隐藏示例代码
Dec 29 Javascript
JS实现页面数据懒加载
Feb 13 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提示Call-time pass-by-reference has been deprecated in的解决方法[已测]
2012/05/06 PHP
php 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
php使用qr生成二维码的示例分享
2014/01/20 PHP
php中fsockopen用法实例
2015/01/05 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
载入进度条 效果
2006/07/08 Javascript
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
js导出格式化的excel 实例方法
2013/07/17 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
2016/11/27 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
JavaScript实现跟随鼠标移动的盒子
2021/01/28 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
Python连接MySQL并使用fetchall()方法过滤特殊字符
2016/03/13 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
实现Python与STM32通信方式
2019/12/18 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
美国Max仓库:Max Warehouse
2020/05/31 全球购物
为什么group by 和order by会使查询变慢
2014/05/16 面试题
经典团队口号
2014/06/06 职场文书
士兵突击观后感
2015/06/16 职场文书