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右键菜单效果代码
Jul 21 Javascript
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
Oct 25 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
Sep 19 Javascript
详解node Async/Await 更好的异步编程解决方案
May 10 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
node 版本切换的实现
Feb 02 Javascript
js模拟实现百度搜索
Jun 28 Javascript
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 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 检查扩展库或函数是否可用的代码
2010/04/06 PHP
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
php 归并排序 数组交集
2011/05/10 PHP
php中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
PHP实现的封装验证码类详解
2013/06/18 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
php出现web系统多域名登录失败的解决方法
2014/09/30 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
PHP如何实现跨域
2016/05/30 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
使用vs code编辑调试php配置的方法
2019/01/29 PHP
javascript 基础篇1 什么是js 建立第一个js程序
2012/03/14 Javascript
jquery事件preventDefault()方法用法实例
2015/01/16 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
2015/05/09 Javascript
Javascript编写2048小游戏
2015/07/07 Javascript
浅析JS异步加载进度条
2016/05/05 Javascript
jQuery的层级查找方式分析
2016/06/16 Javascript
轮播图组件js代码
2016/08/08 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
python魔法方法-属性转换和类的表示详解
2016/07/22 Python
python2 对excel表格操作完整示例
2020/02/23 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
给校长的建议书作文400字
2015/09/14 职场文书
公证书
2019/04/17 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书
Oracle笔记
2021/04/05 Oracle
教你用Python matplotlib库制作简单的动画
2021/06/11 Python