Question

出于某种原因，当我在桌面上打开网页时，徽标会增加尺寸并覆盖主菜单栏中的链接。

这是我的源代码和css ..

      <div class="container">

           <div class="logo"><a class="brand" href="index.html"><img src="../Website/SCM Logo.png" alt="optional logo">               </div>

           <div id="mainmenu" class="menu_container">
                <label class="mobile_collapser">MENU</label>
                <!-- Mobile menu title -->
                <ul>
                     <li class="active"><a href="index.html"></a></li>
                     <!-- Must create links here -->
                     <li><a href="About Us.html">Mechanical</a></li>
                     <li><a href="services.html">Electrical</a></li>
                     <li><a href="portfolio.html">Communication</a></li>
                     <li><a href="contact.html">Contact</a></li>

                </ul>
           </div>
           <div class="triangle-up-left"></div>
           <div class="triangle-up-right"></div>
      </div>
 </header>

Answer 1

您的标签不完整。检查以下内容：

<div class="logo">
  <a class="brand" href="index.html">
    <img src="../Website/SCM Logo.png" alt="optional logo" />
  </a>
</div>

Answer 2

您可以尝试为您的徽标ex（style="max-height:50%; max-width:50%"）指定百分比大小。这将允许它扩展到不同的设备，并希望它将停止覆盖您的主菜单

当我在平板电脑上打开时，如何让我的徽标不会重叠到我的主菜单栏上

2 个答案: