Html 当我在平板电脑上打开时，如何防止徽标与主菜单栏重叠

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

这是我的源代码和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>

---

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

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

---

您可以尝试为您的徽标指定百分比大小exstyle=最大高度：50%；最大宽度：50%。这将允许它扩展到不同的设备，并且希望它不再覆盖您的主菜单

到目前为止没有看到任何CSS…它不会让我发布我的CSS，现在可以了，因为我以ash内联样式输入注释，并且没有接触我的CSS。谢谢你愿意帮忙