有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

css3自适应布局单位vw和vh

代码编程 cat 11个月前 (11-04) 51次浏览 已收录 0个评论 扫描二维码

vw/vh是什么:

vw/vh是一个相对单位  (类似em和rem相对单位)

vw是:   viewport width  视口宽度单位

vh是:   viewport height  视口高度单位

相对视口的尺寸计算结果:

1vw = 1/100视口宽度

1vh = 1/100视口高度

例如:

当前屏幕视口是375像素,则1vw就是3.75像素,如果当前屏幕视口为500像素,则1vw就是5像素

注意事项:

和百分比有区别的,百分比是相对于父元素来说的,而vw和vh总是针对于当前视口来说的

喜欢 (0)
cat
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址