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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
javascript中的prototype属性实例分析说明
Aug 09 Javascript
JavaScript中几种常见排序算法小结
Feb 22 Javascript
js或jquery实现页面打印可局部打印
Mar 27 Javascript
jquery任意位置浮动固定层插件用法实例
May 29 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
详细分析jsonp的原理和实现方式
Nov 20 Javascript
用Node编写RESTful API接口的示例代码
Jul 04 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
基于JavaScript判断两个对象内容是否相等
Jan 10 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
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 VS ASP
2006/10/09 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
基于在生产环境中使用php性能测试工具xhprof的详解
2013/06/03 PHP
ThinkPHP查询中的魔术方法简述
2014/06/25 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
js Date概念详细介绍
2013/11/22 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
vue父子组件通信的高级用法示例
2019/08/29 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
Python人脸识别初探
2017/12/21 Python
python3爬虫之设计签名小程序
2018/06/19 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
python实现猜拳游戏
2020/03/04 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
iframe跨域的几种常用方法
2019/11/11 HTML / CSS
北京SQL新华信咨询
2016/09/30 面试题
领导班子三严三实心得体会
2014/10/13 职场文书
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
python脚本框架webpy的url映射详解
2021/11/20 Python