CSS3 媒体查询故障排除

发布于 2024-11-05 08:44:58 字数 238 浏览 0 评论 0原文

我的媒体查询曾经有效,但现在不行了。我错过了出问题的地方。当我检查 Chrome 版本的 Firebug 中的 html 元素时,它表明媒体查询规则正在被编译过程中先前定义的规则覆盖。

有人能发现这个问题吗?

http://www.jezenthomas.co.uk/huang/

My media queries were working, but now they're not. I missed the point where something went wrong. As I inspect html elements in Chrome's version of Firebug, it shows that the media query rules are being overwritten by rules defined earlier in the compile process.

Can anyone spot the issue?

http://www.jezenthomas.co.uk/huang/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不顾 2024-11-12 08:44:58

您的查询语法可能已关闭。尝试将:更改

@media screen and max-width 650px {}

@media screen and (max-width:650px) {}

此外,您的 * 选择器在街道上肆虐,并且不加区别地消除了所有的填充和边距。请参阅此问题的答案:
(为什么)CSS 星号选择器被认为是有害的?

The syntax on your queries might be off. Try changing:

@media screen and max-width 650px {}

to

@media screen and (max-width:650px) {}

Also, your * selector is running rampant through the streets and obliterating all your padding and margin indiscriminately. See the answers to this question:
(why) is the CSS star selector considered harmful?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文