Bootstrap--cssのmedia属性
次のコードは、デバイスの最大幅が767 pxであり、デバイスの幅が767 pxより大きい場合、背景色が2000であり、そうでない場合、f 00であり、コードは以下の通りである.
次にmediaを少し拡張します.
CSSメディア属性
screen:コンピュータの画面を指します.print:プリンタに使用される不透明なメディアを指します.Projection:表示に使用するアイテムを指します.braille:ブラインドシステムで、触覚効果のある印刷物を指します.aural:音声電子合成器を指す.tv:テレビタイプのメディアを指す.handheld:ハンドヘルドディスプレイデバイス(小画面、単色)all:すべてのメディアに適しています.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Media Queries</title>
<style>
body{background:#000;}
@media (max-width:767px){body{background:#f00;}} <!-- 767px， 767px #000， #f00 -->
</style>
</head>
<body>
</body>
</html>
次にmediaを少し拡張します.
CSSメディア属性
screen:コンピュータの画面を指します.print:プリンタに使用される不透明なメディアを指します.Projection:表示に使用するアイテムを指します.braille:ブラインドシステムで、触覚効果のある印刷物を指します.aural:音声電子合成器を指す.tv:テレビタイプのメディアを指す.handheld:ハンドヘルドディスプレイデバイス(小画面、単色)all:すべてのメディアに適しています.