为什么我的媒体查询不起作用？

当屏幕宽度进入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

为什么我的媒体查询不起作用？

回答

相关问题