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似乎可以解决溢出 - 断行问题。