<nav>在IE中沒有正確確定尺寸

-2

所以我的nav在Chrome和Firefox中效果很好，但是當您在桌面佈局中縮小尺寸時，Internet Explorer會壓扁它。這裏的HTML：<nav>在IE中沒有正確確定尺寸

<nav> 
    <ul> 
     <li> 
      <a href="#top"><img class="scale-with-grid arrow" src="assets/images/ColorArrowLogo.svg" alt="Home button"></a> 
     </li> 

     <li> 
      <a href="#UX"><img class="scale-with-grid UX" src="assets/images/UX.svg" alt="User experience"></a> 
     </li> 

     <li> 
      <a href="#UI"><img class="scale-with-grid UI" src="assets/images/UI.svg" alt="User interface"></a> 
     </li> 

     <li> 
      <a href="#front-end"><img class="scale-with-grid front-end" src="assets/images/FE.svg" alt="Front end development"></a> 
     </li> 
    </ul> 
</nav>

...和CSS：

img.scale-with-grid { 
    max-width: 100%; 
    height: auto; 
} 

@media only screen and (min-width: 701px) { 


    nav { 
     position: fixed; 
     top: 0px; 
     width: 7%; 
     max-width: 81px; 
     margin: 1.7% 1.7%; 
    } 


    nav ul li { 
     margin: 0 0 15% 0; 
     width: 50%; 
     height: 50%; 
    } 

}

如果您需要網站的代碼讓我知道的其餘部分，我只是把似乎是相關的。

來源

2014-05-23 user3658450

支持也許你應該提供的截圖，所以不要有Internet Explorer一應俱全誰的人可以看到的問題是什麼。 – JakeGould

哪個版本的IE？ – Rob

你有沒有嘗試過使用絕對高度像像素而不是相對高度，比如你擁有的百分比？ – tylerlindell

-1

<nav>標籤沒有在IE 8.0或以上 http://www.w3schools.com/tags/tag_nav.asp

來源

2014-05-23 01:57:51

技術上不行，但是如果你使用shiv，或者在某些情況下你只需要在你的css中聲明它爲塊元素，它就可以正常工作：nav {display：block} –

同樣爲了上帝的愛，請不要在回答中不要使用w3schools作爲參考。 –

好的謝謝安德魯，但我可以問你有什麼問題與w3schools？ –

<nav>在IE中沒有正確確定尺寸

回答

相關問題