ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでのPCの単位は何ですか?

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

WBOY
WBOYオリジナル
2022-09-14 16:57:514897ブラウズ

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

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;
}

  • pt

  • pt とはPointの略で、点という意味です。ソフトウェア設計、植字、印刷業界でよく使用されます (私が取り組んでいるフロントエンド システムの最終製品は印刷が必要な PDF なので、この単位がよく使用されます)。本機を使用すると、モニターの解像度に関係なく、紙に印刷された結果は同じになります。

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

  • cm

  • cmはセンチメートルの略でセンチメートルを意味します。 px との変換関係は次のとおりです。
1cm = 37.8px

  • mm

  • mm は Millimeters の略で、ミリメートルを意味します。 px との変換関係は次のとおりです。
1mm = 3.78px

  • in

  • in は Inches の略で、インチを意味します。 px との変換関係は次のとおりです。
1in = 96px

(学習ビデオ共有:

css ビデオ チュートリアル

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。