CSS @media クエリを使用して、最初のレスポンシブ レイアウトをコーディングしています。を html に追加した<meta name="viewport" content="width=device-width">ので、厳密な一連のデバイス幅ベースのフォント サイズ レイアウトを作成しました。そして、私はemを使用して (願わくば) 最も一貫性のあるブラウザのサイズ変更をhtml, body {width/height:100%; font-size: 1em}.
私の最小のケースでは、< 0.5em の範囲の<h2>比較的小さなemにタグを配置したいと考えています。ただし、その量を下回ると、サイズが変更されなくなります。私が見ることができる唯一のオプションは、ピクセルに切り替えて、10px の小さな量を使用することです。
これについては、別の方法で考えてもよいのではないでしょうか。または、 emの仕様に何かが欠けているのかもしれません。アドバイスをいただければ幸いです。
すべてのブラウザーには基本フォントサイズがあります。通常、14px から 18px の間である必要があります。本文の font-size を指定しない場合、1em がデフォルトの font-size になります。あなたの例は私にとってはうまくいきますが、0.5em = 14-18px => 7-9px の 50% です。これは小さすぎて適切に読み取ることができません。
参考：http ://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/
より大きな本文フォント サイズ (たとえば 24px) を指定できます。その場合、0.5em は 12px に等しくなります。これは小さいですが、それでも問題ありません。
追記：設定注意
html, body {
font-size: 1em;
}
私にとって（Google Chromeで）、これは異なる（小さい）フォントサイズを生成しました
body {
font-size: 1em;
}