vh和xh_解放虎vh130和140区别

vh和%的区别 vh的妙用

1. vh与%的区别
   vh是长度单位, vh是根据浏览器视口的高度变化; vw则是根据浏览器视口的宽度变化, 视口就是浏览器的可视区域
   

   把浏览器可视区宽高平均分成100份, 那1vh就是可视区高1/100, 1vw就是可视区宽的1/100, 所以最好的上限设置就是100vh或100vw, 这个看个人需要

   %是根据父盒子或根元素的宽高, 来进行百分比宽高显示, 父盒子变化, %等比变化

2. vh的用法之一 容器滚动条
   当盒子的宽高设置了vh和vw后, 并把盒子设置overflow: auto; 就会发现浏览器可视变化,盒子也会变化的效果
   在添加个隐藏滚动条::-webkit-scrollbar {display: none;}
   
   更多用法大家可以再去探索

今天的文章vh和xh_解放虎vh130和140区别分享到此就结束了，感谢您的阅读。