@mediaクエリをHTMLに挿入するにはどうすればよいですか？

<body onload="myFunction()" style="margin:0;height:850px">

ここに@mediaクエリを挿入するにはどうすればよいですか？ CSSで試しましたが、うまくいきません。私はそれをHTMLのbodyタグに入れればもっと簡単だろうと思います。@mediaクエリをHTMLに挿入するにはどうすればよいですか？

2017-08-10 Anonymous

'@のmedia'は、CSSでないHTML https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – litelite

あなたは何をしようとしたのですか？ – litelite

@mediaのみの画面と（最大幅：1390ピクセル）{ 本文{ 高さ：630px; } } –

@mediaクエリは、あなたがこのように、頭の中で<meta>ビューポートタグを配置する必要があります動作させるために：

<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head>

あなたは@mediaクエリはどちらかseporateのCSSスタイルシートでまたはを通じて働くべきであるとした場合は<script>タグ。

2017-08-10 15:41:38

styleタグを使用してCSSスタイルをインライン化できます。

<body> 
    <style> 
    @media only screen and (max-width: 400px) { 
    .body { 
     background-color: red; 
    } 
    } 
    </style> 
</body>

2017-08-10 15:36:09

答えて