IE10で壊れたブートストラップベースのテーマ

Question

http://metagraf.github.ioは、IE10が登場するまで、テストされたすべてのブラウザでうまく動作しています。トップメニューはIE10で見るとページ全体がオーバーレイされています。 IE10でページがどのように見えるかのスクリーンショットは、こちらをご覧ください：https://dl.dropboxusercontent.com/u/2897577/ie10.png これを修正する方法に関するアイデアはありますか？オスカー

Answer 1

は、だから私はIE 10で問題のサイトを実行すると、はい確かに、トップメニューはIE 10に

をバギーを見ない、問題の即時ソースがでimgある

についてnavbar。

あなたはF12を打つと、IEの開発者ツールバーを使用して、あなたがautoからimgのwidthプロパティを設定するならば、ただの未チェックされるした場合（autoは、もはや突然のルックスのサイトのすべての値ではありませんように。？

は

img { 
    width: auto\9; 
    height: auto; 
    max-width: 100%; 
    vertical-align: middle; 
    border: 0; 
    -ms-interpolation-mode: bicubic; 
} 

オクラホマので、世界で何がwidth: auto\9です：通常の

問題に深く掘るには、ここでは、ブートストラップでimgためcss設定ですまあ、それはハックIEであるように見えますが、そう簡単な修正として、私は一つのことができたとIE 10

1. CSS \9 in width property
2. http://www.paulirish.com/2009/browser-specific-css-hacks/

には適用されませんハック正確な幅はimgのcssのnavbarのimgにある のプロパティーをに設定することです。