css - Twitterブートストラップのスクリーンとスクリーンなしの違い

Question

レスポンシブ Web サイトに Twitter Bootstrap を使用していますが、両者の違いがわかりません。

@media 画面と (最小幅: 768px)

@media (最小幅: 768px)

「スクリーン」かどうか？助けはありますか？

Answer 1

ブラウザは、自分自身を「画面」カテゴリに属していると識別します。

仕様は、特定のメディア タイプ (「画面」) のデバイスに適用されます。画面は、主にカラー コンピューター画面を対象としています。そのため、現代のデバイス、デスクトップ、スマートフォンなどに大まかに識別されます

したがって、さまざまな解像度のカラーコンピューター画面で機能します。

モバイル

画面のみと (最小幅: 480px)

タブレット

画面のみと (最小幅: 768px)

デスクトップ

画面のみと (最小幅: 992px)

巨大

画面のみと (最小幅: 1280px)

Answer 2

screenはメディア タイプであり、ルールがコンピュータ画面で使用されることを意味します。それがなければ、それは単なる一般的なルールであり、すべてのメディア タイプに適用されます。