FF 단위 em_javascript 기술을 확대하는 대안

첫 번째는 em의 계산 방법입니다. 이 요소와 상위 요소가 em 또는 백분율로 글꼴 크기를 지정하지 않으면 1em은 16px과 동일합니다. 백분율, -size, 16px을 기준으로 모든 상위 글꼴 크기의 곱을 곱합니다.

이 속성으로 인해 확대/축소 대신 선 높이를 설정하여 원하는 효과를 얻을 수 있습니다.

<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 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]