CSS3メディアクエリ - メディアからの問い合わせ@

まず、役割

　　異なるメディアタイプのために、すなわち、元のスタイルを置き換える対応するスタイルを使用して、別のスタイルルールを指定するために使用することができます。

第二に、文法

@mediaない|だけMEDIATYPEと（表現） { 
    代码CSSを...。
}

　　一の以上の式を含むことができ、式が満たされる条件に応じて、trueまたはfalseを返します。

• MEDIATYPEません：そのよう@mediaないプリントとして、特定の機器の追加を意味し、
• 唯一MEDIATYPE：意味は、このような@mediaのみプリントとして、特定の機器を指定

　　MEDIATYPEマルチメディアタイプは次のとおりです。

• • すべて：マルチメディアデバイスのすべてのタイプのために使用さ
  • 印刷：プリンタ
  • 画面：コンピュータの画面、タブレット、スマートフォンなど
  • スピーチ：スクリーンリーダーのための

第三に、例

/ * 
  最大幅：視覚装置の画面768pxウィンドウサイズに768px表示パターンは、より少ない
  最小幅：デバイスのスタイルに768px指示768px画面サイズが可視ウィンドウより大きい     
* / 
@mediaと画面（MAX -width：768px） {  
    .signinpanel、.signuppanel { 
        マージン：0自動 ; 
        幅：420px重要！ ; 
        パディング：20ピクセル
     } 
}