Question

因此，我的nav在Chrome和Firefox中运行良好，但是当您在桌面布局中调整大小时，Internet Explorer正在压缩它。这是HTML：

<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%;
    }

}

如果您需要网站的其余部分代码，请告诉我，我只是提出看似相关的内容。

Answer 1

即8.0或更早版本不支持

<nav>标记 http://www.w3schools.com/tags/tag_nav.asp

<nav>在IE </nav>中没有正确调整大小

1 个答案: