CSSメディアタイプ

CSSのメディアタイプは次のとおりです。

S.no	値と説明
1。	すべてすべてのデバイスに適しています。
2。	オーラル音声合成装置を対象としています。
3。	点字点字触覚フィードバックデバイスを対象としています。
4。	エンボス加工ページ付き点字プリンターを対象としています。
5。	ハンドヘルドハンドヘルドデバイス（通常、小さな画面、モノクロ、限られた帯域幅）を対象としています。
6。	印刷ページ付きの不透明な素材、および印刷プレビューモードで画面に表示されるドキュメントを対象としています。ページメディアのセクションを参照してください。
7。	プロジェクションプロジェクターやOHPフィルムへの印刷など、投影されたプレゼンテーションを対象としています。ページメディアのセクションを参照してください。
8。	画面主にカラーコンピュータ画面を対象としています。
9。	Tty テレタイプ、端末、または表示機能が制限されたポータブルデバイスなど、固定ピッチの文字グリッドを使用するメディアを対象としています。
10。	テレビテレビタイプのデバイスを対象としています。

CSSメディアタイプとクエリを理解する
CSSメディアタイプとクエリは、ユーザーがデバイスの一般的なタイプ（画面、印刷など）またはその特性（画面解像度、ビューポートの寸法など）に従って特定のスタイルを定義するのに役立ちます。構文メディアクエリの構文は次のとおりです- @media not | only mediatype and (expressions) { CSS-Code; }のみここで、メディアクエリは-の場合に適用されます mediatypeは、ドキュメントがレンダリングされるデバイスタイプと一致します。 not / only演算子が定義されていない場合、メディアクエリはすべてのメ
CSSのメディアクエリを使用したレスポンシブWebデザイン
メディアクエリは、モバイル、デスクトップなどのさまざまなサイズのデバイスのさまざまなスタイルルールのCSS手法です。以下は、CSSでのメディアクエリとレスポンシブウェブデザインを示すコードです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> body { font-family: &quo