Ektron - 注册.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文件并检查错误。