スケール Web デザインでインチを REM に 1 秒で変換します。.

インチ-REM変換ツールは、シンプルながらも便利なウェブユーティリティで、インチ（in）をREM（Root Em）単位に瞬時に変換できます。特に、さまざまな画面サイズや解像度に対応できるレスポンシブでスケーラブルなデザインを開発する必要があるウェブデザイナー、UI/UXデザイナー、フロントエンドコーダーにとって役立ちます。.

従来のデザインでは、印刷物や固定デザインの測定単位としてインチが広く使用されています。しかし、現在のウェブデザインでは、ウェブページのルートフォントサイズに合わせて動的に再構成されるため、REMが好まれる単位の一つとなっています。この変換により、固定サイズと流動的なデザインの境界が曖昧になり、デバイス間で要素の適切な比率が維持されます。.

インチ (IN) とは何ですか?

インチ (IN) は、主に米国およびその他のヤードポンド法で使用される標準的な長さの単位です。.

デザインの文脈では：

• 1インチ = 72ポイント（pt）
• これは通常、同様の正確なサイズである必要がある印刷可能な素材、物理的なレイアウト、またはデザイン モックアップに使用されます。.

インチは印刷物では非常に役立ちますが、レスポンシブ Web デザインでは画面サイズが大きく変わる可能性があるため、インチはそれほど固定されていない可能性があります。.

REM（ルートエム）とは何ですか？

REM（ルートEm）は、ルート要素emの短縮名です。CSSの相対単位で、ウェブページのルートフォントサイズ（通常は要素）に応じてサイズが変化することがあります。.

ルート フォント サイズが 16 ピクセルである例を使用すると、次のようになります。

• 1rem = 16ピクセル
• 2rem = 32px、, 等々。.

ユーザーがズームインしたり、ブラウザのフォント設定を変更したりすると、REM で設定されているすべての内容も調整されると記載されています。.

特定のガジェットに対応するデザインの独自性、デザインの可用性、デザインの均一性は、絶対サイズ (インチやピクセルなど) ではなく REM 単位の使用によって決定されるデザインの感度によってもたらされます。.

INからREMへの変換式

インチを REM に変換するには、次の組み合わせは難しくありません。

REM = インチ / 基本変換率。.

1 インチ = 96 ピクセル (標準 CSS 解像度に基づく)、1rem = 16 ピクセルと仮定すると、次のことがわかります。

1インチ = 96 / 16 = 6レム

したがって、1 インチは 6 REM と 16px のルート フォント カラーに一致します。.

実例

2 インチを REM に変換したいとします。.

• レム = 2 × 6 = 12レム

そうすると、ルート フォント サイズが 16 px である CSS ファイルでは、幅 2 インチのコンポーネントは 12rem になるということになります。.

ルート フォント サイズを (たとえば 10 ピクセルに) 変更すると、変換によってそのフォント サイズに再スケーリングされ、デザインのスケーリングと比率を完全に制御できるようになります。.

インチから REM への変換に関する資料。.

ToolsMateのインチ-REMコンバーターは操作が非常に簡単です。以下の手順で、すぐにご説明いたします。

ステップ1：インチの値を入力する

(インチまたは IN) というラベルの付いた入力ボックスに、変換する測定値を入力します。.

ステップ2：自動変換

計算された等価性REMは出力フィールドに自動的に入力されます。ボタンをクリックすることなく結果を確認できます。.

ステップ3: 逆変換（オプション）

インチ単位に縮める必要がある場合に備えて、REM単位を入力することもできます。これらの2つの変換はツール内で自動的に行われます。.

ステップ4：コピーして使用する

希望する値を取得したら、それをコピーして CSS ユーザー コード、デザイン プログラム、またはドキュメントに貼り付けるだけです。.

これで完了です。これで、Web プロジェクトの REM 値がスケーラブルに無限になりました。.

インチからREMへの変換表

便利な変換のいくつかを次の表に示します (1in = 6rem)。