移动端 viewport

移动端 viewportwidth 设置 layoutviewpo 的宽度 为一个正整数 使用字符串 width device 表示设备宽度 initial scale 设置页面的初始缩放值 为一个数字 可以带小数 minimum scale 允许用户的最小缩放值 为一个数字 可以带小数 maximum scale 允许用户的最大缩放值 为一个数字 可以带小数 heigh t nbsp 设置 layoutviewpo 的高

width:设置layout viewport 的宽度,为一个正整数,使用字符串”width-device”表示设备宽度
initial-scale: 设置页面的初始缩放值,为一个数字,可以带小数
minimum-scale: 允许用户的最小缩放值,为一个数字,可以带小数
maximum-scale: 允许用户的最大缩放值,为一个数字,可以带小数
heigh:t  设置layout viewport 的高度,这个属性对我们并不重要,很少使用
user-scalable: 是否允许用户进行缩放,值为”no”或”yes”, no 代表不允许,yes代表允许
target-densitydpi:值可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个
此属性为安卓特有,并且安卓已经决定要废弃target-densitydpi 这个属性了,所以这个属性我们要避免进行使用 

浏览器默认的viewport: layout viewport >= visual viewport 可以通过document.documentElement.clientWidth 来获取 
    (网页的所有内容,他可以全部或者部分展示给用户,比如可以是1000px,)

浏览器可视区域viewport: visual viewport 可以通过window.innerWidth来获取
    (就是当前显示给用户内容的窗口,你可以拖动或者放大缩小网页,列如phone6的375。之外的只能通过滚动条方式看到)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/218622.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午11:49
下一篇 2026年3月17日 下午11:49


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号