由于某种原因,当我在桌子上打开网页时,徽标会增大大小并覆盖主菜单栏中的链接。
这是我的源代码和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>
您可以尝试为徽标ex(style="max-height:50%; max-width:50%"
)指定百分比大小。这将使其可以缩放到不同的设备,并希望它将不再覆盖您的主菜单
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句