0

複数のファイルをまとめて、すべてを .CSS ファイルにまとめる LESS 環境があります (この方法で作業する必要があります)。

ただし、ある環境では、「@media (min-width: 768px) and (max-width: 979px)」宣言が検証され、そのカスタム CSS がすべてのインスタンスで適切にレンダリングされます。ただし、まったく同じメディア クエリと CSS を使用する別の環境では、CSS ファイル内で認識さえしていません。

作業環境: give.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