CSSは、画面サイズ

-1

に応じて、私はここに私のコードで、CSSは、画面の大きさに応じて、私はそれが私のために働かなかったことを除いて原則を理解するために簡単な例を挙げてみました変更してみてください。CSSは、画面サイズ

@media (max-width: 800px) { 
 
     p{ 
 
     \t color: red; 
 
     } 
 
    }

<head> 
 
    \t <title>Css depending on screen size</title> 
 
    \t <link rel="stylesheet" type="text/css" href="style.css"> 
 
    </head> 
 
    <body> 
 
    <p>This is a test paragraphe</p> 
 
    </body>

セクション<head>を追加@mediaルールを操作するにはあなたの助け

出典

2016-12-15 khalid essalhi

これは非常に広範な問題であり、それは見ていませんあなたのCSSのように間違っている。あなたは、[このMDN 1]（https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries）として偉大なオンラインチュートリアル、のいずれかを試したことがありますか？ – samiles

あなたの例では、私はテキストの色が赤であることを期待画面サイズを変更する場合 – theoretisch

（少なくとも私にとっては）かなり正常に動作しますが、何も起こりません。 –

ありがとう：

<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1">

出典

2016-12-15 09:42:53 Alex

これだけの十分な彼は必要ありませんメディアクエリの知識を動作し、それらを使用する方法を効果的に –

感謝、これは問題を解決しました –

答えて

関連する問題