html – Bootstrap 3导航栏无法在Microsoft Edge中正确呈现

概述我的项目中有一个导航栏,它在chrome,FF和IE 11中呈现出预期效果,但不知何故Internet Edge很特别. 下面是定义导航栏的html代码： <nav class="navbar navbar-default navbar-static-top" style="margin-bottom: 0px" id="mainNavbar"> <div class="containe 我的项目中有一个导航栏,它在Chrome,FF和IE 11中呈现出预期效果,但不知何故Internet Edge很特别.

下面是定义导航栏的HTML代码：

<nav   ID="mainNavbar">     <div >        <div >            <button type="button"  data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">                <span ></span>                <span ></span>                <span ></span>            </button>            <a href="desktop.aspx">                <img ID="Image1"  src="logo.png"/>            </a>            </div>            <div ID="navbar" >                <ul >                <li>                  <a href="affected.aspx"><img src="log-incIDent-icon.svg" />                  <span >Log an incIDent</span></a></li>                <li ID="adminMenuItem">                  <a href="myIncIDents.aspx">                    <img src="my-incIDents-icon.svg" />                    <span >My IncIDents</span>                  </a>                </li>                <li>                  <a href="incIDentRegister.aspx">                    <img src="allocate-incIDent-icon.svg" />                    <span >Allocate incIDent</span>                  </a>                </li>                <li>                  <a href="dashboard.aspx">                    <img src="dashboard-icon.svg" />                        <span >Dashboard</span>                  </a>                </li>                <li>                  <a href="admin.aspx">                    <img src="settings-icon.svg" />                    <span >admin</span>                  </a>                </li>                <li>                  <a href="default.aspx">                    <img src="logout-icon.svg" />                        <span >Log out</span>                  </a>                </li>            </ul>        </div>    </div></nav>

以下是导航栏应如下所示：

以下是Microsoft Edge吐出的内容：

链接标签似乎占用了所有空间,但我无法找到一种方法使它们缩小到内容的宽度而不会进一步破坏布局.有什么建议？

解决方法 我刚刚发现我有同样的问题. 当我删除svg图标时,它工作.尝试使用.png,.jpg或其他.必须对菜单中带图标的项目执行相同 *** 作！ 总结

以上是内存溢出为你收集整理的html – Bootstrap 3导航栏无法在Microsoft Edge中正确呈现全部内容，希望文章能够帮你解决html – Bootstrap 3导航栏无法在Microsoft Edge中正确呈现所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。