媒體查詢不工作

-1

我在iOS7 iPhone 5我在我的樣式表像這樣媒體查詢不工作

@media (max-width: 1599px) { 
    body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 
@media (max-width: 1069px) { 
    body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 
@media (max-width: 999px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 

@media (max-width: 767px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 
@media (max-width: 643px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 

/* Mobile devices */ 
@media (max-width: 359px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
}

但是底部的下列基本媒體查詢模板觀察時，佈局沒有改變，現在沒有任何人至於爲什麼？我需要的東西在我的頭等？

謝謝你們！

來源

2013-10-07 Liam Hodnett

而在你的實際執行中，你是否在改變屬性值？因爲這些都是一樣的......我建議發佈你的實際代碼，如果不是這樣。 – Jasper

我真的希望這是一個複製和粘貼失敗，而不是一個關於爲什麼上述代碼不呈現不同的實際問題。另外，您還缺少'999px'媒體查詢的右括號。 – Pete

OT：請勿將CSS中的單位點用於屏幕。使用相對單位如em，％，rem或至少px – FelipeAls

使用這樣的事情。最好指定樣式表的用途。即屏幕，打印等。如果你想在這裏，你也可以通過像素密度。

body { 
    background: #111; 
    color: #EEE; 
    font-size: 12px; 
} 

@media only screen 
and (max-width : 1599px) { 
    html body { 
     background: #000; 
     color: #FFF; 
     font-size: 10px; 
    } 
}

來源

2013-10-07 15:12:41 bradcush

感謝您的幫助@bradcush我取代了代碼與你和我一害怕的佈局..我的iPhone顯示的是主包裝，我無法理解的右手的約3/4保持不變？ –

你可以發佈你在jsfiddle中的簡化代碼嗎？嘗試更改CSS中的特殊性我做聲明html身體而不是正文。我更新了我的代碼以反映。現在它顯示了原始聲明和覆蓋。點擊這裏也http://stackoverflow.com/questions/7859336/css3-media-queries-not-working?rq=1 – bradcush

我已經改變了原來的CSS身體，而不是HTML，身體..仍然沒有去上我的iPhone恐怕 –

媒體查詢不工作

回答

相關問題