FF ユニット em_javascript スキルの下でズームする代替手段

1つ目は、emの計算方法です。この要素と親要素でフォントサイズがemまたはパーセントで指定されていない場合、1emは厳密に16pxと同じになります。パーセント、-size、16px に基づいてすべての優れた fontSize の積を乗算します。

このプロパティにより、ズームの代わりに行の高さを設定して、目的の効果を実現できます。

<title>CSS ユニット em</title> <style type="text/css"> span{ font-size:16px; } .domain{ padding:15px; } </style> <span>通常 1em=16px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div> <div class="domain" style="font-size:2em;border:solid 1px red;"> <span>style="font-size:2em;border:solid 1px red;" ここでは 1em=2x16=32px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div> <div class="domain" style="font-size:3em;border:solid 1px blue;"> <span>style="font-size:3em;border:solid 1px blue;" ここでは 1em=2x3x16=96px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div> <div class="domain" style="font-size:50%;border:solid 1px black;"> <span>style="font-size:50%;border:solid 1px black;" ここでは 1em=2x3x50%x16=48px</span> <div style="display:inline-block;width:1em;height:1em;background:green;"></div> </div> </div> </div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]