<!DOCTYPE html>
<html>
<head>
<style>
h1 {
font-size: 2.5em; /* 40px/16=2.5em */
}
h2 {
font-size: 1.875em; /* 30px/16=1.875em */
}
p {
font-size: 0.875em; /* 14px/16=0.875em */
}
</style>
</head>
<body>
<h1>これは見出し1です。</h1>
<h2>これは見出し2です。</h2>
<p>これは段落です。</p>
<p>font-sizeをemで指定すると、すべての主要ブラウザでテキストのサイズを変更できます。 残念ながら、古いバージョンのIEでは依然として問題があります。テキストのサイズを変更すると、テキストが本来よりも大きく/小さくなってしまいます。</p>
</body>
</html>
