2016-05-27 11 views

答えて

1

あなたは何が、あなたのページでは、このつのメディアクエリを持っていません。 320px未満を変更する場合は、別途宣言する必要があります。ページ幅以下のすべてに影響を与えるメディアクエリを宣言する必要があります。ここで

はメディアクエリがどのように動作するかの簡単な例です:http://jsfiddle.net/ra9ry8t4/1/

それはおそらくJSFiddleでテストする方が簡単ですが、ここでは、スニペットとしてもです:

@media screen and (min-width: 480px) { 
 
    body { 
 
    background-color: yellow; 
 
    } 
 
} 
 

 
@media screen and (min-width: 320px) and (max-width:480px) { 
 
    body { 
 
    background-color: blue; 
 
    } 
 
} 
 

 
@media screen and (min-width: 320px) and (max-width:480px) and (orientation: landscape) { 
 
    body { 
 
    background-color: green; 
 
    } 
 
} 
 

 
@media screen and (max-width: 320px) { 
 
    body { 
 
    background-color: red; 
 
    } 
 
}
<h1>Media Queries Example</h1> 
 
<p>Increase or decrease the size of of this window to see the background color change</p>

+0

私の質問はこれです私のメディアクエリは320pxと480pxのような他の幅ではなく@mediaの画面と(最小幅:360px)と(最大幅:640px)と(方向:風景)のみで動作するはずです。 –

関連する問題