css - Ektron - register.css 似乎破坏了响应式布局

Question

我在我的 Ektron 网站上使用了一些 CSS 媒体查询。它们在 iPhone 上运行正常，但当我尝试在我的生产站点上模拟较小的屏幕时，断点不会启动。

这是奇怪的部分(至少对我而言)。当我在我的开发服务器上查看该站点时，断点非常有效。最大的区别是在我的开发服务器上我禁用了 CSS 聚合和缩小。因此，框架 API 中的 css.register 方法似乎(部分)破坏了我的响应式 CSS。正如我所说，它似乎可以在移动设备上正常工作，但我真的很想知道为什么它不能在桌面上工作。

我看过一些帖子提到某些平台使用的缩小例程会破坏媒体查询(例如，他们删除了“和”一词)。但这似乎并没有发生。

有没有人遇到过这种情况？

这是一个 CSS 片段:

@media only screen and (min-width:320px) and (max-width:767px) {
/* phones, handhelds smaller than iPad */
#subnavbg {
    visibility:hidden;
}
.login-left 
{
    border: none;
    width: 100%;
}
.login-right 
{
    width:100%
}
}

Answer 1

CSS 聚合将多个 CSS 文件组合在一起。如果一个文件中存在语法错误，它可能会影响与其聚合的所有其他文件。浏览器可以忽略一些语法错误，例如文件末尾缺少关闭 }。但是，当该文件与其他文件合并时，就会出现问题。尝试在 Visual Studio 中打开每个 css 文件并检查错误。