CSSにMediaQuery属性のCSSがロードされていないブラウザ

Question

私の会社の複数のコンピュータ（Windows 7 x64 Pro）で正しく表示されないオンラインバンキング会社のHTMLファイルがあります。このページは銀行のログインページです。

は、私はこの問題は、ページのメインCSSスタイルシートは（クローム、IEとFirefoxでテストされ、すべての最新のバージョンに更新）ブラウザによってロードされていないです広範な調査後に発見されました。私はCSSがロードされた属性 media="screen, print"を削除し、すべてが正常に動作している場合

<link rel="stylesheet" type="text/css" media="screen, print" href="https://www.ib3.bradesco.com.br/ibpf/conteudo/css/geral/estrutura.css?Versao=6.css" /> 

：以下のコードを考えると

。

何が起こっているのか知っていますか？ CSSにmediaがロードされないのはなぜですか？

Answer 1

specsによると、それは有効です。私はそれが動作しない理由はわかりませんが、ここでは実用的なソリューションです：

<link rel="stylesheet" type="text/css" media="screen" href="https://www.ib3.bradesco.com.br/ibpf/conteudo/css/geral/estrutura.css?Versao=6.css" /> 
<link rel="stylesheet" type="text/css" media="print" href="https://www.ib3.bradesco.com.br/ibpf/conteudo/css/geral/estrutura.css?Versao=6.css" /> 

条件の一つだけが一度に真であることができるので、それは<link />の大きさを除いて、ほとんどオーバーヘッドを追加しませんバイト単位のタグ。

は条件が両方とも真されている可能性があればスタイルシートが（2回目は、キャッシュから取られた）一度ロードされたが、二回解析されていたであろうことから、この方法は、（理論的に）優れているとされていません注意してください。もちろん、うまくいきましたが、オーバーヘッドはかなり大きいでしょう。

---

ページのソースを制御していない場合は、あなたができる最も問題についてのページ（銀行）の所有者に通知されます。