2

当屏幕小于 1000 像素时，我有一个 CSS 媒体查询覆盖一个元素。媒体查询运行良好，直到我打开一个颜色框，那时媒体查询被以前的样式覆盖。

我的代码是这样的：

大师.css

#header .holder {
...
width: 960px;
...
}

移动.css

@media all and (max-width: 1000px) and (min-width: 320px) {
  #header .holder {
  ...
  width: 100%;
  ...
  }
}

当我打开一个颜色框时，我在 Chrome 的 CSS 检查器中得到了这个：http://i.imgur.com/mhWvF.png （ 以前的样式是覆盖媒体查询的）

为什么代码会被覆盖？窗口中的颜色框触发了什么事件来实现这一点？

4

1 回答 1

1

colorbox的作者在这里。我以前没有听说过这个问题，但这可能是您在颜色框中显示的内容的结果。

像这样的奇怪问题通常是由于人们不正确地将 HTML 文档打开为 ajax，而不是在 iframe 中显示它们。由此产生的无效 HTML、脚本和样式的混合会导致各种问题。

我的猜测是，这是特定于您的实现的东西。我建议尝试在 jsfiddle.net 中创建问题的简化演示，并在此处或 colorbox 的问题跟踪器中发布指向该问题的链接。

于 2012-09-27T21:52:42.693 回答