このメディアクエリが機能しない理由を理解できません。CSSメディアクエリが正しく機能しない
画面の幅が480pxの場合、いくつかのコードを適用したいと思います。 この場合私は次のように使用しています：
何も起こりません。私はまだそれが@media screen and (max-width: 481px)でのみ動作しますが、どのように他の端部である に動作していない
@media screen and (max-width: 481px) and (min-width: 479px) {
の周りの仕事をしようとしましたか？
ちょうどあなたが他にアクセスしようとした場合、それは動作しません、あなたは、あなたのルールで画面を指定し、これを試してください：スニペットは507pxでテストので、パディングとマージンを得たかで私のバイオリンを試着：
EDITを480PX：http://jsfiddle.net/46u4kggq/1
いけないスニペット
body{
background: black;
}
@media (width: 480px){
body{
background: yellow;
}
}<body>
</body>このためjqueryを試してみてください。CSSのメディアクエリでは、正確な幅をターゲットにすることはできません。最大幅と最小幅のみが可能です。
$(document).ready(function(){
function checkWidth()
{
var windowSize = $(window).width();
if (windowSize == 480)
{
console.log("screen width is equal t0 480");
}
} // Execute on load checkWidth(); // Bind event listener
$(window).resize(checkWidth);
}）;
function checkWidth（）{ var windowSize = $（window）.width（）; if（windowSize == 480）{ console.log（ "画面幅がt0 480と等しい"）; } } //実行時に実行 checkWidth（）; //イベントイベントリスナーをバインドします。 $（window）.resize（checkWidth）; }）; –
このコードを$（document）.ready（function（）{}）の内部で試してください。 –
あなたの答えにコメントセクションにないコードを追加してください。 – Option
メディアのcssクエリには何を入れていますか？ – Option
小さな画面のモバイルデバイス用のCSSコード – Klapsius
'@media screenと（max-width：480px）'で動作しますが、 '480'未満で動作しますが、私はそれを望みません。私は '480'しか必要としない – Klapsius