0

我有一个 LESS 环境，它将多个文件组合在一起并将所有内容组合成一个巨大的 .CSS 文件（被迫以这种方式工作）。

但是，在一种环境中，“@media (min-width: 768px) and (max-width: 979px)”声明正在被验证，并且它的自定义 CSS 在所有情况下都正确呈现。但是，在另一个具有完全相同的媒体查询和 CSS 的环境中，它甚至不会在 CSS 文件中确认它。

工作环境： giving.massgeneral.org

[CSS^] https://www.dropbox.com/s/4hxtevg0ft0hsae/base.css

非工作环境： secure.massgeneral.org/bootstrap-library

[CSS^] https://www.dropbox.com/s/ncrbgxs2ot184cm/bbnc.css

最值得注意的问题是以下在“安全”中完全被忽略的查询。环境：

// Tablets & small desktops only
@media (min-width: 768px) and (max-width: 979px) { 
    // Hide everything else
    .hidden-desktop    { display: inherit !important; }
    .visible-desktop   { display: none !important; }

    // Show
    .visible-tablet    { display: inherit !important; }

    // Hide
    .hidden-tablet     { display: none !important; }
}

它已成功生成此代码并将其放入“bbnc.css”文件中，但是，当在“安全”中指定的视口中时，它没有将样式与上述类相关联。环境。

外界的任何建议都将非常感谢您对此进行验证。

4

0 回答 0