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 相关文章推荐
WEB 浏览器兼容 推荐收藏
May 14 Javascript
在网页中使用document.write时遭遇的奇怪问题
Aug 24 Javascript
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
jQuery选择器全面总结
Jan 06 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
May 30 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
详解JavaScript 事件流
Sep 02 Javascript
详解Node.js如何处理ES6模块
May 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
PHP 金额数字转换成英文
2010/05/06 PHP
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
PHP管理内存函数 memory_get_usage()使用介绍
2012/09/23 PHP
PHP实现原比例生成缩略图的方法
2016/02/03 PHP
php框架CodeIgniter使用redis的方法分析
2018/04/13 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
Prototype Array对象 学习
2009/07/19 Javascript
JS 操作符整理[推荐收藏]
2011/11/15 Javascript
如何在一个页面显示多个百度地图
2013/04/07 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
Webpack 之 babel-loader文件预处理器详解
2018/03/23 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
vue项目中使用vue-layer弹框插件的方法
2020/03/11 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
一些Python中的二维数组的操作方法
2015/05/02 Python
django 常用orm操作详解
2017/09/13 Python
使用tensorflow实现AlexNet
2017/11/20 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
使用Python 正则匹配两个特定字符之间的字符方法
2018/12/24 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
Omio俄罗斯:一次搜索公共汽车、火车和飞机的机票
2018/11/17 全球购物
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
幸福中国演讲稿
2014/09/12 职场文书
爱国主义电影观后感
2015/06/18 职场文书
团结友爱主题班会
2015/08/13 职场文书
62句有关感恩节文案(推荐收藏)
2019/11/28 职场文书
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL