发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/218622.html原文链接:https://javaforall.net
移动端 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。之外的只能通过滚动条方式看到)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。
赞 (0)
SpringCloud微服务架构学习笔记
上一篇
2026年3月17日 下午11:49
excel运行python_使用PyXLL在Excel中执行Python脚本
下一篇
2026年3月17日 下午11:49
