360px - 640pxの間でメディアクエリを適用する方法。これは私の(max-width: 320px)
メディアクエストと重複しています。特定の幅の範囲にのみメディアクエリを適用する方法
@media screen and (min-width:360px) and (max-width:640px) and (orientation : landscape)
My webpage where the problem occurs
360px - 640pxの間でメディアクエリを適用する方法。これは私の(max-width: 320px)
メディアクエストと重複しています。特定の幅の範囲にのみメディアクエリを適用する方法
@media screen and (min-width:360px) and (max-width:640px) and (orientation : landscape)
My webpage where the problem occurs
あなたは何が、あなたのページでは、このつのメディアクエリを持っていません。 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>
私の質問はこれです私のメディアクエリは320pxと480pxのような他の幅ではなく@mediaの画面と(最小幅:360px)と(最大幅:640px)と(方向:風景)のみで動作するはずです。 –
あなたが持っていますページ全体で1つのメディアクエリだけ? – thepio