今天在学习JS的过程中无意中在┅个JS中看到了width:12em的写法，才发现px和em的关系总体来说就是px是固定大小的，em则不固定而且会继承父级元素的字体大小，px字体在比较老旧的浏覽器里当进行zoom操作的时候，会影响布局而em由于其变化性，在字体缩进时候可以选用其它的时候则需考虑考虑。
这两个div基本是一样的
但是，如果仅仅是这样那就好办了。直接替换就好了
‘em会继承父级元素的字体大小’这条，要了亲命了。
这里有3个div，3和4是套在┅起的5是作对比的。
恩看起来这几个div效果是一样的，div_out和div_in的设定font-size都是1em，所以继承没有表现出来
通过检测，3和4的字体都是10px长度都是122px，宽度都是42px（设置了border，所以多了2px）
这次把两个样式的font-size都设置为1.5em看看效果。
发布了5 篇原创文章 · 获赞 1 · 访问量 1万+
