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 相关文章推荐
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
js实现Form栏显示全格式时间时钟效果代码
Aug 19 Javascript
js跨浏览器的事件侦听器和事件对象的使用方法
Dec 17 Javascript
jQuery中deferred对象使用方法详解
Jul 14 Javascript
详解JavaScript树结构
Jan 09 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
Vue 中mixin 的用法详解
Apr 23 Javascript
Vue + ts实现轮播插件的示例
Nov 10 Javascript
Vue接口封装的完整步骤记录
May 14 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 实现多服务器共享 SESSION 数据
2009/08/15 PHP
php文档更新介绍
2011/07/22 PHP
非常好用的两个PHP函数 serialize()和unserialize()
2012/02/04 PHP
ThinkPHP实现ajax仿官网搜索功能实例
2014/12/02 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
google 搜索框添加关键字实现代码
2010/04/24 Javascript
如何使用HTML5地理位置定位功能
2015/04/27 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
jQuery unbind()方法实例详解
2016/01/19 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
Python isinstance判断对象类型
2008/09/06 Python
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
Python CSV模块使用实例
2015/04/09 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
PyQt5响应回车事件的方法
2019/06/25 Python
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
Python将字典转换为XML的方法
2020/08/01 Python
python import 上级目录的导入
2020/11/03 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
数控专业大学生的自我鉴定
2013/11/13 职场文书
学校门卫工作职责
2013/12/07 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
Nginx开启Brotli压缩算法实现过程详解
2021/03/31 Servers
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
Python如何加载模型并查看网络
2022/07/15 Python