媒体查询被原始忽略(更高 "query")

Media query ignored by by original (higher "query")

这是来自 chrome 的屏幕截图,检查您可以看到如何删除小查询:

CSS @media 查询 don't affect the specificity of selectors. Thus, your two styles have the same specificity (since their actual selectors are identical), and so the last one wins.

特别是,CSS 标准规定:

Declarations from style sheets independently linked by the originating document are treated as if they were concatenated in linking order, as determined by the host document language.

换句话说,当您在一个页面上使用多个样式表时,最后出现在 HTML 代码中的那个将获胜。

鉴于您的两种样式来自不同的样式表,newDesignSprites.css 似乎出现在您的 HTML 中的 smartphone.css 之后,因此最终覆盖了它。只需交换 <link> 元素的顺序即可解决问题。