我知道em是相對于父的,也知道rem是相對于根的。
是否有任何 CSS 技巧可以應用相對于原始字體大小的字體大小?我的意思是相對于它最初呈現的字體大小放大或縮小元素字體大小?
uj5u.com熱心網友回復:
否 - “相對于瀏覽器默認值”設定沒有單位。即使您使用all: unset,也無法在一個元素上執行此操作。您甚至需要一個包裝元素才能接近:
<div style="font-size: 1rem">
<span style="font-size: 120%">...</span>
</div>
您也許可以嘗試使用 shadow dom(谷歌如何做到這一點)。在那里你有一個全新的范圍,你可以在不影響外部世界的情況下重置你想要的所有樣式。我會把它留給你來玩弄這個想法。
uj5u.com熱心網友回復:
使用百分比字體大小,如 font-size: 120%;
body {
font-size: 20px;
}
.big {
font-size: 120%;
}
.small {
font-size: 70%;
}
<p>Regular Text</p>
<p class="big">Bigger Text</p>
<p class="small">Smaller Text</p>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/338627.html
標籤:css
下一篇:折疊時如何使側邊欄元素固定或靜態
