px
px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小；
em
em 的值并不是固定的，会继承父级元素的字体大小，代表倍数；
rem
rem 的值并不是固定的，始终是基于根元素 <html> 的，也代表倍数。
浏览器中字体大小显示计算方式
-
px定义的字体大小，就是浏览器中显示的实际大小，且无法用浏览器字体放大功能调整字体大小
-
em定义的字体大小，是通过父级元素的字体大小计算的，如父元素font-size:20px 子元素font-size:2em 则浏览器显示的实际大小是40px （20px*2=40px）
-
rem定义的字体大小，是通过html节点的字体大小计算的，如html节点font-size:20px 任意元素节点font-size：2rem 则浏览器显示的实际大小是40px（20px*2=40px）
网友评论