16pxをremに変換 — 最も一般的な変換

16px = 1rem

デフォルトのブラウザルートフォントサイズでは、16pxはちょうど1remです。これが他のすべての変換の基本的なベースラインとなります。

なぜ16pxが標準になったのか

16pxのデフォルトは1990年代の最初のグラフィカルブラウザに遡ります。96 DPI（Windowsの標準）の画面解像度で、16pxは約12pt（本文テキストの快適な読み取りサイズ）でした。この値が定着し、すべてのブラウザとOSの事実上の標準となりました。

恒等変換

16 / 16 = 1rem

つまり、ルートフォントサイズを変更しない場合、1remと16pxは同じ視覚的結果を生み出します。違いは、1remはユーザーの好みを尊重するのに対し、16pxはしないということです。

16pxの一般的な要素

多くのデフォルトスタイルが16pxに依存しています：

• 本文テキスト — デフォルトの段落フォントサイズ
• フォーム入力 — ブラウザは<input>と<textarea>を16pxでレンダリング（iOS Safariはフォーカス時の自動ズームを防ぐために最低16pxが必要）
• リスト項目 — デフォルトの<li>フォントサイズ
• テーブルセル — デフォルトの<td>フォントサイズ

iOS Safariのズーム問題

<input>のフォントサイズが16px未満（例：14pxや0.875rem）の場合、iOS Safariはユーザーがフィールドにフォーカスした際に自動的にズームインします。入力欄を少なくとも16px（1rem）に設定することで、この意図しない動作を防止できます。これはこの変換を検索する最も一般的な理由の一つです。

16pxが1remでない場合

プロジェクトでhtml { font-size: 62.5%; }を使用している場合、1rem = 10pxとなり、16px = 1.6remとなります。変換前にプロジェクトのルートフォントサイズを必ず確認してください。