Chrome Android只考虑一个媒体查询

Question

我确实在Chrome Android上遇到媒体查询问题。 我有一个文件（mobile.css）包含页眉和页脚的移动设计。此文件将在每个页面中导入，其中的媒体查询如下：

@media screen and (max-width: 980px) {
    /* some code */
}

我网站的每个页面都有适当的css文件，其中包含相对于此页面的移动设计，媒体查询与mobile.css文件中的相同。

此代码适用于桌面Chrome和Firefox以及Firefox Android，但它在Chrome Android上根本不起作用，我无法弄清楚原因。

更新

我将其中一个媒体查询更改为：

@media screen and (max-width: 981px) {
    /* some code */
}

它有效。显然，当有两个相同的查询时，Chrome Android并不感兴趣...它不是很优雅，但它确实有效。

Answer 1

我将其中一个媒体查询更改为：

@media screen and (max-width: 981px) {
    /* some code */
}

它有效。显然，当有两个相同的查询时，Chrome Android不喜欢......它不是很优雅，但它确实有效。