为了解决移动端网页滚动时，动态工具栏自动收缩的问题，CSS 工作组规定了视口的各种状态。
Large viewport（大视口）：视口大小假设任何动态工具栏都是收缩状态。Small Viewport（小视口）：视口大小假设任何动态工具栏都是扩展状态。新的视口也分配了单位：
Large viewport 的单位以 lv 为前缀：lvw、lvh、lvi、lvb、lvmin、lvmax。Small Viewport 的单位以 sv 为前缀：svw、svh、svi、svb、svmin、svmax。
图片
另外还有一个 Dynamic viewport（动态视口）
当动态工具栏展开时，动态视口等于小视口的大小。当动态工具栏被缩回时，动态视口等于大视口的大小。
相应的，它的视口单位以 dv 为前缀：dvw, dvh, dvi, dvb, dvmin, dvmax。
图片
目前，各大浏览器均已经对新的视口单位提供了支持：
图片
为了解决移动端网页滚动时，动态工具栏自动收缩的问题，CSS 工作组规定了视口的各种状态。 Large viewpo...
vh vw 是css一种新的长度单位 vh -- 视口高度被均分为100单位的vh，即 1vh == 1%视口高度...
纯css布局 js处理 视口单位换算
CSS初始设置 移动端初始化设置 视口单位换算
根据CSS3规范,视口单位主要包括以下4个: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度...
这两个单位是CSS3引入的，以上称为视口单位允许我们更接近浏览器窗口定义大小。 视口单位(Viewport uni...
vw，是指CSS中相对长度单位，表示相对视口宽度（Viewport Width），1vw = 1% * 视口宽度v...
什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Vi...
视口单位(Viewport units) 什么是视口？在PC端，视口指的是在PC端，指的是浏览器的可视区域；而在移...
这里记录下css3中自适应布局单位VH,VW 1.vm: 1vm等于视口宽度的1%。 2.vh: 1vh等于视口高...
本文标题：新的 CSS 视口单位
本文链接：https://www.haomeiwen.com/subject/bdzwcdtx.html
网友评论