HTMLで長さを表現するにはどうすればいいでしょうか？ HTML におけるいくつかの一般的な長さ表現方法-htmlチュートリアル-php.cn

HTMLで長さを表現するにはどうすればいいでしょうか？ HTML におけるいくつかの一般的な長さ表現方法

云罗郡主

リリース： 2018-10-10 17:42:55

転載

5556 人が閲覧しました

#HTML で長さを表現するにはどうすればよいですか? HTML における一般的な長さの表現方法にはどのようなものがありますか?この記事では HTML 中長メソッドに関する内容をお届けします。少しでもお役に立てれば幸いです。

以下は、Web ページにおける一般的な HTML 単位の pCSS5 の導入と、css p レイアウトにおける長さの単位の導入の概要です。

実際、CSS には px、em、pt、ex、pc、in、mm、cm という 8 つの長さ単位があります。

px: ピクセル (ピクセル)、デバイスの長さの単位に相対し、ピクセルは表示画面の解像度に相対します。たとえば、WONDOWS ユーザーが使用する解像度は通常 96 ピクセル/インチです。 MAC ユーザーが使用する解像度は通常 72 ピクセル/インチです。
em: 相対的な長さの単位。現在のオブジェクト内のテキストに対する相対的なフォントサイズ。現在のインラインテキストのフォントサイズが手動で設定されていない場合、ブラウザのデフォルトのフォントサイズを基準とします。
ex: 相対的な長さの単位。文字「x」を基準とした高さ。通常、この高さはフォントサイズの半分です。インラインテキストの現在のフォントサイズが手動で設定されていない場合は、ブラウザのデフォルトのフォントサイズを基準とします。
pt: ポイント、長さの絶対単位。
pc: パイカ、長さの絶対単位。我が国の新4号型と同等の大きさです。
in: インチ、長さの絶対単位。
mm: ミリメートル、長さの絶対単位。
cm: センチメートル、長さの絶対単位。

そのうち: 1in = 2.54cm = 25.4 mm = 72pt = 6pc;

コンテナのサイズの単位として px がよく使用されますが、フォントサイズについては誰もが異論はありません。 (font-size) は国内では多くの人が単位として px を使用していますが、実は、フォントの単位として px を使用する唯一の致命的な欠点は、IE ではブラウザのフォントスケーリング機能が使用できないことです。または、Ctrl キーを押したままマウスの中央のホイールをスクロールします。

非常に多くの人が HTML em 単位の使用を推奨していますが、px の使用に慣れている人にとって、em を使用するのは決して便利ではありません。参考までに、いくつかの変換式と比較表を示します。 ##px から em :例: 12px / 16px = .75em

px から %:例: 12px / 16px * 100 = 75%

px から pt:例: 16px * 72 (72 ポイント = 1 インチ) / 96 (Windows では 96 ピクセル/インチ、Mac では 72) = 12pt
em から px:例: .75em * 16px = 12px
em から %:例: .75em * 100 = 75%
% から px:例: 75 * 16px / 100 = 12px
% から em:例: 75 / 100 = .75em
pt から px:例: 12pt * 96ppi / 72ppi = 16px

ピクセル6px7px8px# 9px0.563em56.3%7pt0.625em0.688em0.75em 0.813em##14px0.875em87.5%11pt 15px0.938em93.8%11pt 16px1em100%12pt106.3 % 112.5%118.8%#125%15pt21px1.313em131.3% 16pt22px1.375em137.5%17pt#23px 1.438em143.8%17pt24px1.5em 150%18ptRecommendationPX ピクセルを使用して Web ページを単位でレイアウトします:

EMs	パーセント	ポイント
0.375em	37.5%	5pt
0.438em	43.8%	5pt
0.5em	50%	6pt
			##10px
62.5%	8pt		11px
68.8%	8pt		12px
75%	9pt		13px
81.3%	10pt


		##17px	1.063em
13pt		18px	1.125em
14pt		19px	1.188em
14pt		20px	1.25 em




		最後に pCSS5

個人的には、フォント単位として px を使用することと、IE でブラウザのフォントスケーリング機能が使用できないことのデメリットは、もはやそれほど重要ではないと考えています。新しいバージョンの IE7 と IE8 は、Firefox を含む Web ページ全体のズーム機能をすでにサポートしています。デフォルトでは、CSS フォントを拡大縮小するのではなく、Web ページ全体を拡大縮小します。単純にフォントサイズを拡大縮小しないことに意味はありますか。

その他の関連チュートリアルについては、次のサイトをご覧ください:http://www.php.cn/course/list/11.html

上記はHTMLで長さを表現するにはどうすればよいですか? HTML におけるいくつかの一般的な長さ表現方法の完全な紹介 HTML チュートリアルについて詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

以上がHTMLで長さを表現するにはどうすればいいでしょうか？ HTML におけるいくつかの一般的な長さ表現方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。