css3 vw 单位 |table样式css 源码

CSS3中新增的单位vw，即代表视口宽度的“viewport width”。 在以前的CSS中，如果大家想要让一个元素的宽度为视口宽度的一半，大家需要用JavaScript来完成计算，然后再将结果赋值给CSS的宽度属性。而使用vw单位，则可以极大地简化代码。 使用vw单位的方法很简单，只需要在CSS中使用数字加上vw单位即可。例如，1vw代表着视口宽度的1%。 下面大家来看一个使用vw单位的例子：

p {
font-size: 3vw;
width: 60vw;
height: 40vw;
}

上面的代码中，大家将段落元素的字体大小设置为视口宽度的3%、宽度为视口宽度的60%、高度为视口宽度的40%。这样，无论用户使用何种设备，页面中的元素都能随着视口的大小而自适应调整。 需要注意的是，vw单位是按照视口宽度来计算的，而不是按照窗口宽度。这意味着，当用户调整浏览器窗口的大小时，页面中的元素也会相应地改变大小。 在使用vw单位时，大家也需要注意浏览器兼容性的问题。例如，在IE浏览器的早期版本中就不支持这种单位。因此，在使用vw单位时，大家需要考虑到不同浏览器的兼容性，以确保页面能够正常显示。 总的来说，vw单位的出现使得大家的CSS代码更加简洁、灵活，能够更好地适应不同的屏幕大小。但同时大家也需要注意到浏览器的兼容性，以确保页面的正确性和稳定性。