CSSでのPCの単位は何ですか?-フロントエンドQ&A-php.cn

CSSでのPCの単位は何ですか?

WBOY

リリース： 2022-09-14 16:57:51

オリジナル

4941 人が閲覧しました

CSS では、pc は絶対単位です。絶対単位は固定値であり、実際の物理サイズを反映し、画面サイズやフォントの影響を受けません。pc の正式名は Picas です。カード、カードとは印刷用語でもあり、「1pc = 16px」となります。

CSSでのPCの単位は何ですか?

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css における pc の単位は何ですか

pc は css における絶対単位です

CSS では、絶対単位には、px、pt、pc、cm、mm、in などが含まれます。絶対単位は、実際の物理サイズを反映する固定値です。画面サイズやフォントサイズには影響されません。そのサイズは、画面の値と解像度 (DPI、1 インチあたりのドット数) によって異なります。 px は、最も一般的に使用される絶対単位の 1 つです。これらの絶対単位間の変換関係は次のとおりです。

1in = 25.4mm = 2.54cm = 6pc = 72pt =96px

ログイン後にコピー

pc は Picas の略で、Paica を意味します。我が国の新4号型と同等の大きさです。 Paica は印刷用語でもあり、1 paica は 12 ポイントに相当します。 px との変換関係は次のとおりです。

1pc = 16px

ログイン後にコピー

知識の拡大

##px

px は Pixels の略で、ピクセルを意味します。特に高解像度画面では、ディスプレイのピクセルと厳密には同じではありません。 CSS 単位はブラウザ、オペレーティングシステム、ハードウェアに応じて適切に拡大縮小され、特定のデバイスやユーザーの解像度設定によって異なる場合がありますが、96 ピクセルは通常 1 物理インチのサイズに等しくなります。

CSS は、ラスター画像 (写真など) の表示方法を定義します。各画像のデフォルトサイズは 1px です。「600x400」解像度の写真の縦横はそれぞれ「600px」と「400px」なので、写真自体のピクセルは表示デバイスのピクセルとは一致しませんが、px単位には一致します。これにより、画像を Web ページの他の要素と完全に揃えることができます。

多くの場合、px は CSS ピクセルとも呼ばれます。これは絶対単位ですが、ピクセル単位はデバイスのピクセルに対して相対的なものであるため、相対単位とみなすこともできます。同じデバイス上では、各 CSS ピクセルによって表される物理ピクセルは変化する可能性があり、異なるデバイス間では、各 CSS ピクセルによって表される物理ピクセルは変化する可能性があります。

.box {
    width: 100px;
    height: 100px;
}

ログイン後にコピー

Web ページの表示だけを目的とする場合は px ピクセル単位を使用することをお勧めしますが、印刷物を出力する必要がある場合は pt の使用を検討できます。

1cm = 37.8px

ログイン後にコピー

1mm = 3.78px

ログイン後にコピー

1in = 96px

ログイン後にコピー

(学習ビデオ共有:

css ビデオチュートリアル

、html ビデオチュートリアル )

以上がCSSでのPCの単位は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。