CSS3

特能

device-width

  編集:2022.07.10 by T.A.

[Edge]△非推奨。→mdn

描画面の横幅。

名前 device-width
用途 @media
<length>
範囲

出力装置の描画面の横幅を述べる。この特能の実値は、連続的媒体用には、Web に公開されるスクリーン区画の横幅になり、ページ化媒体用には、ページシート【用紙】サイズの横幅になる。

<length>
device-width に対する負な範囲は偽になる。
@media (device-width < 800px) { … }

上の例のスタイルシートは、長さ 800px より小さいスクリーンにのみ適用されることになる。§ 単位にて述べたように、px 単位は,物理的画素ではなく論理的なものによる。

以下のCSSが組み込んであります:

<SPAN class=Test>テスト</SPAN><BR>
<SPAN class=Test2>テスト</SPAN><BR>

関連

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: