使我的网站徽标适应不同的分辨率

Question

我目前正在建立一个网站（wesurf.co.il），徽标部分遇到了一些麻烦。我试图使徽标停留在左侧（中央菜单旁边）。 在1920x1080上看起来不错，在其他分辨率下，徽标仅与菜单融合或消失。 感谢您的帮助。

Answer 1

http://prntscr.com/l3zprs，您可以像这样为<a> </a>和<img/>

设置更改CSS

Answer 2

尝试此代码希望对您有所帮助：

<div style="display:flex; align-items: center; background:#888;">
  <div class="logo-img"> logo </div>
  <div class="menu" style="margin:auto;"> menu </div>
</div>

Answer 3

您可以使用此CSS。另外，您应该使用SVG徽标，以便可以在任何设备上缩放。

.logo-img {
    width: 100%;
}
#header .nav-main.boxed{
    max-width: 843px;
}
#header .logo {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: calc(100% - 873px);
}