CSS媒体查询不起作用，同时收缩浏览器窗口

我已经确保CSS文件没有被缓存，并且ID /类名称是正确的。当我将浏览器缩小到该范围内的大小时，它不适用CSS。CSS媒体查询不起作用，同时收缩浏览器窗口

这是CSS代码：

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
{ 
    #body2 .content 
    { 
     max-width: 690px; 
    } 

    #navWaypoint #header 
    { 
     width: 690px; 
    } 
}

我以前没有经历过这个问题。

来源

2013-11-21 Rambomst

看起来不错，我芽！它的有效代码。 – agconti

但是我知道，当我将浏览器缩小到该范围内时，它不适用CSS。 – Rambomst

我要冒险猜测，并说你应该使用最小宽度，而不是最小设备宽度，如果你所做的只是缩小你的浏览器 – SynXsiS

如果你正在缩小浏览器窗口来评估你的代码，这里是你的答案。

min-device-width和max-device-width是指显示分辨率。
而min-width和max-width指的是浏览器窗口的大小。

使用min-width和max-width而不是min-device-width和max-device-width并希望你会得到你想要的。

来源

2013-11-21 01:24:09

感谢您的帮助 –

CSS媒体查询不起作用，同时收缩浏览器窗口

回答

相关问题