このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

メディア・クエリ~“grid”メディア・フィーチャー

記事Jan. 16th,2019
July 7th,2020
出力デバイスがグリッドデバイスかどうかを条件とするためのメディア・フィーチャー
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

grid”メディア・フィーチャーについて

grid”メディア・フィーチャーは出力デバイスがグリッドデバイスかどうかを条件とするためのメディア・フィーチャーです。

グリッドベースのデバイスとはテキストのみが表示できるテキストブラウザ、tty端末などのキャラクタユーザインタフェース(CUI)のデバイスや電話機などのことです。通常のパソコンやスマートフォンはビットマップベースであり、グリッドベースではありません。

指定できる値

説明
1 出力デバイスはグリッドベース
0 出力デバイスはグリッドベースでない

サンプルコード

@media (grid: 0) {
.sample {
/* グリッドベースではないデバイスに適用されるスタイル。 */
}
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク