【一分钟了解】1em等于多少px，由什么决定？
生活随笔
收集整理的這篇文章主要介紹了
【一分钟了解】1em等于多少px，由什么决定？
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1em = ? px 由該節點的父元素的font-size決定。
情況1 - 直系子節點
body的默認font-size = 16px
對于它的子節點，所以此時，1em = 16px，
例如下面：
情況2 - 繼承的font-size
<body><div><div style="font-size: 2em;" class="child">文字</div></div></body>這個例子中 class=“child” 的節點的父節點，繼承了body的font-size，所以此時1em還是等于16px。
情況3 - 修改父節點的font-size
<body><div style="font-size: 20px;"><div style="font-size: 2em;">文字</div></div></body>
此時由于父節點的font-size等于20px, 所以此時1em等于20px
總結
以上是生活随笔為你收集整理的【一分钟了解】1em等于多少px，由什么决定？的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【一秒打开】如何提高IDEA、vscod
- 下一篇： 【3分钟掌握】什么是DNS解析