近期在做一个基于iPhone访问的WebSite,原本智能的Safari让我吃尽了苦头。当设定好DIV的宽度和高度时,Safari会自动缩放。而我的目的是要满屏显示。
无奈之下,忽然想到,自己常常访问的触屏版是怎么做的?打开Opera,
看源码在HTML头发现了meta viewport,难道是这个家伙在发挥作用吗?
加上试试,果然满屏了。顺便去查了一下这个标签的作用,记录一下,方便以后
使用。
meta viewport
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>

其中:
width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放
最新资讯
上海全自主研发树图区块链系统 性能超越比特币、以太坊

上海全自主研发树图区

平稳运行120天之后,2021年2月27日上午,上海团队全自主研
跟进iPhone环保策略:魅族官方确认18系列取消附送充电器

跟进iPhone环保策略:魅

魅族科技官微正式发文宣布:“多一个不必要的充电器,地球
马斯克是个好HR

马斯克是个好HR

马斯克的神奇之处则在于,在他创业屡战屡胜的背后,他总能
与沃尔沃合并,吉利能够抗衡比亚迪吗?

与沃尔沃合并,吉利能够

合并之后,会对新能源汽车行业产生怎样的影响呢?与沃尔沃
电影票不支持退改?上海消保委提出建议,淘票票猫眼电影回应

电影票不支持退改?上海

春节期间,电影票无法退改、误操作购买电影票联系客服无
Nreal徐驰:未来是空间互联网时代 MR眼镜替代手机是必然趋势

Nreal徐驰:未来是空间

从2G到3G、4G,手机经历了从功能机向智能机的转变。而在
最新文章
详解HTML中字体使用line-height依然不能垂直居中解决办法

详解HTML中字体使用li

这篇文章主要介绍了详解HTML中字体使用line-height依
html直接引用vue和element-ui的方法

html直接引用vue和ele

这篇文章主要介绍了html直接引用vue和element-ui的方
在HTML里加载摄像头的方法

在HTML里加载摄像头的

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实
html父子页面iframe双向发消息的实现示例

html父子页面iframe双

这篇文章主要介绍了html父子页面iframe双向发消息的实
HTML用户注册页面设置源码

HTML用户注册页面设置

这篇文章主要介绍了HTML用户注册页面设置源码,代码简
当div设置contentEditable=true时,重置其内容后无法光标定位

当div设置contentEdit

这篇文章主要介绍了解决当div设置contentEditable=tru