要素を変換しようとしています。フォントサイズの変換はうまくいきますが、余白の変換はあまり効果がありません。あなたが見ることができるように、ブラウザで見たときに、H2および■はテキストが同じフォントサイズを持っているH2変換が動作しない
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body{
font-size:20px;
}
</style>
</head>
<body>
</head>
<body>
<h2>Some text here</h2>
</body>
</html>
:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.box{
font-size:30px;
margin:23px 0;
font-weight:bold;
}
</style>
</head>
<body>
</head>
<body>
<div class="box">Some text here</div>
</body>
</html>
と比較すると:
は、ここに私の試みです。
これは間違っており、24ピクセルである必要があります。私は何のミスをしましたか?
なぜ24pxにする必要がありますか?あなたの計算は正確で、.75emは22.5pxに等しい。ブラウザが切り捨てられないようにするには、.77em(23/30)を使うだけでよい。 – Gerben
ブラウザで見ると、H2と.boxのテキストは正確には整列していません.1pxで表示されていますが、大したことではないようですが正確に同じにする必要があります。 – Kay