<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中没有正确确定尺寸

回答

相关问题