爲什麼我的媒體查詢不起作用？

當屏幕寬度進入iPad範圍時，我被要求讓這個論壇的口號「助力安全革命」消失。爲了測試，我使用了750像素的屏幕寬度。在此或以下，我希望它消失。爲什麼我的媒體查詢不起作用？

http://brightideasforum.unitedsafety.net/phpbb3

該代碼是有但是當我下750個像素拖動屏幕尺寸display:none不生效。

這是一個phpBB 3.0論壇。我刷新了模板和主題，清除了緩存，清除了我的瀏覽器緩存。

CSS是在這裏：

http://brightideasforum.unitedsafety.net/phpbb3/style.php?id=2&lang=en

適用CSS：

#powering-top{ 
    height:auto; 
    float:right; 
    clear:both; 
} 
#powringbox-box { 
    color: #000; 
    position: relative; 
    margin-right: 5px; 
    margin-top:0px; 
    display: block; 
    float: right; 
    text-align: right; 
    white-space: nowrap; /* For Opera */ 
} 
#powringbox-box h2{ 
    float:right; 
    margin-right:0px !important; 
} 

@media only screen and (max-device-width : 750px) { 
    #powringbox-box { 
     display: none; 
    }

來源

2015-03-31 Mark

我相信'max-device-width'指的是設備實際屏幕的寬度，在任何單個設備上都不會改變。相反，嘗試使用'max-width'，它引用了視口的寬度，並且將在視口大小改變或方向改變時發生改變等等。區別在於[這裏描述]（http://stackoverflow.com/questions/6747242 /什麼-是最差之間-MAX-設備寬度和最大寬度換移動網）。 – showdev 2015-03-31 18:05:26

使用max-width而不是max-device-width。

由於@showdev在上面進行了評論，所以使用max-width更適合您的情況（以及大多數情況）。除非你真的關心我的顯示器的大小，不管你的BROWSER窗口大小，max-device-width是不會幫助的。

來源

2015-03-31 19:10:55

太棒了！解決了這個問題。榮譽和感謝！ – Mark 2015-03-31 19:36:57

爲什麼我的媒體查詢不起作用？

回答

相關問題