右浮动的div无法调整其左侧图像的大小，并且会溢出

Question

我的问题是这样的：

www.dondolomemories.it

调整窗口大小时，徽标的图像要等到最后一刻才调整大小，从而导致可怕的两行菜单溢出。

我花了将近2个小时来尝试大量不同的设置。 有人可以帮助我找出问题所在。 我只是希望调整窗口大小而不是溢出徽标，以便调整大小以适合同一行右侧的菜单。

Answer 1

尝试在较小的屏幕上给.logo一个百分比宽度：

@media and screen (max-width:600px) {
  .logo {
     width:50%; 
  }
}

它应该在宽度600px以下正确对齐，当然您可以输入所需的宽度，并具有多个断点以使其完美对齐。

Answer 2

根据我的检查，给您的网页提供的菜单将通过将页面内部宽度调整为1024来使菜单项在默认情况下不显示，我检查了ul.menu_top ，发现在1991行的style.css ，

@media only screen and (min-width:769px) and (max-width:1024px) {
    ....
}

将1024px值更改为更大的值（如1280px似乎可以解决溢出中断行问题。