移动web开发（二）——viewport

最新推荐文章于 2025-09-07 21:17:08 发布

转载最新推荐文章于 2025-09-07 21:17:08 发布 · 98 阅读

文章标签：

#前端 #ViewUI

本文探讨了移动Web开发中视口元标签的不同配置方法及其影响，包括如何限制页面缩放、禁止缓存及实现全屏效果等。通过具体实例说明了不同设置下浏览器的行为差异。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

http://www.cnblogs.com/bugs/archive/2013/06/17/3139811.html

腾讯：

<meta name="viewport" content="width=100%, initial-scale=1.0, user-scalable=no"/>

第一：

<meta name="viewport" content="width=device-width, initial-scale=1">

View Code

第二：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="pragma" content="no-cache" />