px是固定单位
rem是相对于html的font-size
em是相对当前元素的font-size ,如果当前元素没有往上找,知道找到body的font-size 左后至默认的font-size
vh/vw vw 就是根据窗口的宽度,分成100等份,100vw就表示满宽,50vw就表示一半宽。(vw 始终是针对窗口的宽),同理,vh则为窗口的高度
calc()
使用“+”、“-”、“*” 和 “/”四则运算;
可以使用百分比、px、em、rem等单位;
可以混合使用各种单位进行计算;
表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的;
表达式中有“*”和“/”时,其前后可以没有空格,但建议留有空格。
The difference between the operation rules of px, rem, em, vh/vw, and calc()
Guess you like
Origin blog.csdn.net/qq_38806666/article/details/129066475
Recommended
Ranking