wang域名建的网站,无忧企业网站系统,好看的ui界面,win8风格企业网站vw、vh做为CSS3中的新单位#xff0c;已经出来挺久的了#xff0c;这里也我个人也做一下详细的总结。 说明
vw、vh、vmin和vmax是CSS3中的新单位#xff0c;是一种视窗单位#xff0c;也是相对单位。它们的大小都是由视窗大小来决定的#xff0c;单位1#xff0c;代表类…vw、vh做为CSS3中的新单位已经出来挺久的了这里也我个人也做一下详细的总结。 说明
vw、vh、vmin和vmax是CSS3中的新单位是一种视窗单位也是相对单位。它们的大小都是由视窗大小来决定的单位1代表类似于1%。具体描述如下
vw视窗宽度的百分比 vh视窗高度的百分比 vmin当前较小的vw和vh vmax当前较大的vw和vh
视窗指的是浏览器可视区域的宽高也就是window.innerWidth/window.innerHeight。1vw就是1%的浏览器的宽度。100vw就是整个视窗的宽度。
如下图 vmin、vmax用处
vmin和vmax是当前较小的vw和vh和当前较大的vw和vh看一下下面场景 当设置字体为5vw时竖屏和横屏状态下显示的字体大小是不一样的为了保持一致这里就可以用到vmin和vmax来进行确认了。 与%百分比的区别
% 是相对于父元素的大小设定的比率vw 是视窗大小决定的。 其实这些视窗单位与%使用基本类似优势在于能够直接获取高度而用%在没有设置body高度的情况下是无法正确获得可视区域的高度的所以这是挺不错的优势。 兼容性
移动设备上兼容没问题。 博客名称王乐平博客 博客地址http://blog.lepingde.com CSDN博客地址http://blog.csdn.net/lecepin
