meta viewport标签的使用说明(手机浏览缩放控制)
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
现有固件的OP打开网页时总是会缩小为50%再显示,不能像iPhone 那样支持viewport设置 。
网页中有这么一句时,在iPhone的浏览器中将以原始大小显示,并不允许缩放。
<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 - 用户是否可以手动缩放
可惜M8的OP并不支持,能不知道要如何设置才能让浏览器以100%大小打开网页。
Google一下发现Opera Mobile9.5才能支持,不知1.0版本新固 件的OP浏览器能否支持。
相关文章
像素密度与CSS3的viewport在移动端Web响应式布局中的运用
viewport是CSS3中调整缩放的利器,特别适用于移动端Web界面的操作与布局,接下来我们就来详解像素密度与CSS3的viewport在移动端web响应式布局中的运用.2016-05-27HTML5移动端开发中的Viewport标签及相关CSS用法解析
这篇文章主要介绍了HTML5移动端开发中的Viewport标签及相关CSS用法解析,Viewport常被叫做视口或视区,在移动端布局和屏幕适配中有着重要的作用,需要的朋友可以参考下2016-04-15- 这篇文章主要介绍了CSS3中视窗单位Viewport的常见用法,包括视窗的高度宽度及垂直居中等基本设定方法,需要的朋友可以参考下2016-02-04
- 这篇文章主要介绍了网页宽度自动适应手机屏幕宽度的实现代码,需要的朋友可以参考下2015-08-11
- meta标签中的viewport可以控制设备屏幕的高度、宽度、初始的缩放比例等等,喜欢的朋友可以了解下2014-08-22
- meta标签中的viewport可以设置屏幕的css样式,包括宽、高、初始缩放比例等等2014-07-28
- 这篇文章主要介绍了html网页中meta viewport属性说明,需要的朋友可以参考下2014-05-07
- 这篇文章主要介绍了html的meta viewport属性说明,需要的朋友可以参考下2014-04-16
- viewport并非只是ios上的独有属性,在android、winphone上同样也有viewport,下面为大家详细介绍下HTML meta viewport2014-03-12
- 随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不2013-12-02
最新评论