我有一個專案（一個標簽制造商），我需要在其中定義字體大小，然后將所需大小的百分比應用于文本元素。
這是按預期作業的，但是當我將字體大小設定為父 div（包含文本、影像、條形碼...）時，所有影像都會以我設定的像素為單位獲得字體大小的偏移量。
由于我將生成一個 PDF，我的文本的字體大小作為 int 存盤在我的資料庫中，并將用作 pt（點型別）。為此，我將父 div 的字體大小設定為其高度，并將子元素的字體大小設定為百分比。
基本上我這樣做：
<div id='template' style="font-size: (labelHeight) px">
<div id='text' style="font-size: {{100*(field.fontSize*0.352778)/field.template.format.height }}%">
<p>My text</p>
</div>
<div>
<img id='myImage'>
</div>
</div>
這是我的代碼的簡化（這里的語法不正確，但只是為了向您展示它是如何作業的）。
我將我的field.template.format.height存盤在mm和我的fontSize作為int。該0.352778價值來自于一個事實，即1點= 0.352778毫米。
基本上我希望我的模板div 的fontSize僅適用于文本元素。
uj5u.com熱心網友回復：
該font-size屬性指定文本的大小。如果模板內的其他元素div受到它的影響，是否有可能使用em與字體大小成比例的單位指定它們的大小/填充/邊距。我建議改用rem單位，因為它們與全域字體大小成正比，因此不受模板div字體大小變化的影響。
uj5u.com熱心網友回復：
如果父 div 具有字體大小并且它的子級將繼承它。要解決此問題，您應該一一指定
例如 <p style="style ETC"></p>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/398095.html
標籤：javascript html css
上一篇：單擊按鈕時如何更改css屬性？
下一篇：段落沒有以影像為中心