博客介绍了CSS中多种尺寸单位的计算方式，如em相对于父元素、rem相对于根元素、vw和vh相对于视口等，还提及了CSS3 calc()在css和less中的写法，最后给出了一篇关于pt和px区别的文章链接。
em 相对于父元素计算当前对象内文本的字体尺寸。
rem 相对于根元素HTML元素font-size的倍数，计算大小。
vw 相对于视口的宽度计算大小。
vh 相对于视口的高度计算大小。
vmin 以屏幕宽为边长的正方形。
vmax 以屏幕高为边长的正方形。
% 相对于父元素的百分比值。
CSS3 calc()
css中可以写成：
height: calc(100% - 30px);
less中也这么写，less编译成css时就会变成：
height: calc(70%);
因为less本身就有 ‘减’ 这个操作，所以在less中，要写成下面这种形式，就不会有问题了，可以正确编译。
height: ~"calc(100% - 30px)";
关于pt和px区别，这篇文章说的通俗易懂
https://blog.youkuaiyun.com/zhangrongxi5/article/details/79864286
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
