css中有几个不同的单位表示长度,使用时数字加单位。如果长度为0,则可以省略单位。
长度单位可分为两种类型:相对和绝对。
绝对长度单位是一个固定的值,反应真实的物理尺寸,不依赖于显示器、分辨率、操作系统等。具体单位以及解释如下:
一些设置css长度的属性有width、height、margin、padding、font-size、border-width等。
代码示例:
{
font-size:1cm;
margin:10rem;
width:10vw;
height:100vh;
}
rem是相对于html根元素,意味着,我们只需要在根元素确定一个参考值,我们就知道rem单位与px转化关系。浏览器默认字体大小是16px,所以:1rem = 16px。
举例:
html{ font-size:14px }
div{ width:3rem; height:2.5rem }
把div大小单位换算成px是多少呢?
答案:width:42px;height:35px。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。