CSS样式:长度单位vh

今天学习Web应用开发的时候,看到了vh这个单位,今天就来捋一捋vh的定义方法和使用细则

vh 定义

vh,是指CSS中相对长度单位,表示相对视口高度(Viewport Height),1vh = 1% * 视口高度。
视口比例长度定义了相对于视口的长度大小,这是文档的可见部分。 当视口的大小被修改(通过更改桌面计算机窗口大小或旋转手机或平板设备的方向)时,只有基于Gecko的浏览器才动态更新视口值。
结合 overflow:auto,滚动条最终占用的空间大小不是减去视口大小之后的宽度,而overflow:scroll 才是。

ref:Web 技术文档 - CSS - Mozilla

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容