明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
随笔 - 1274, 文章 - 0, 评论 - 214, 阅读 - 319万
  博客园  :: 首页  :: 管理
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

CSS 中的vh、vw单位

Posted on   且行且思  阅读(743)  评论(0编辑  收藏  举报
        vw: 视窗宽度的百分比(1vw 代表视窗的宽度为 1%)
        vh: 视窗高度的百分比( 1vh 代表视窗的高度为 1%)
        vmin:当前 vw 和 vh 中较小的一个值
        vmax:当前 vw 和 vh 中较大的一个值

 

vw、vh与 % 的区别

  1. % 是相对于父元素的大小设定的比率,vw、vh 是视窗大小决定的。
  2. vw、vh 优势在于能够直接获取高度,而用 % 在没有设置 body高度的情况下,是无法正确获得可视区域的高度的,所以这是挺不错的优势。
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示