@mediaのみの画面と（最大幅：320px）IDの

Question

私はこのコードを持っています。私は初心者だ：/

https://ibb.co/ccrFFG Idは @media only screen and (max-width: 320px) {} によっていくつかの責任を追加したいが、それはdoesntのIDがで動作します。どのようにコードplsを変更しますか？ :)あなたのコードから

おかげ

Answer 1

は、私はあなたが達成しようとしている内容を正確に把握していないが、私はガイドとして、以下のコードを使用することをアドバイスします。あなたは、ビューポートのメタタグを使用する場合

@media screen and (max-width: 320px) { 
    #yourID { 
     width: 260px !important; 
    } 
} 

Answer 2

CSSメディア-querysにのみ動作し、あなたのサイト上でそれを使用していることを確認してください。

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

あなたはここでそれについての詳細準備することができます： https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

Answer 3

をメタタグがオンになっています。 .classを使うとうまくいくが、#IDを使う必要がある。

なぜこの#markが緑色で、ドットがstandartであるのかわかりません。

@media screen and (max-width: 920px) { 
#section0 .box{ 
    color: #6ad1e3; !important; 
} 

}