Image 自动调整页眉大小以保留在一行上

我目前正在为一家公司定制wordpress布局，但布局有问题

我有一个标志在标题和它的右边是导航。但当我放大时，导航会跳到下一行

我想问一下，在缩放时，如何将它们保持在一行上

页面可在dev.machala.cz上找到

---

提前感谢您的回答。

当您缩放页面时，这意味着视口大小越来越小，并且您的页面开始使用媒体查询来查询该宽度

如果你不想把菜单弄坏的话。您必须删除媒体查询

---

这不是问题。你可以把它原封不动。

如果你想在手机和平板电脑上这样做的话，可以考虑这个问题：

尝试将菜单文本的字体大小更改为：

字体大小：1vw

然后将移动菜单切换栏的媒体查询更改为1000px

并在该媒体查询中将字体大小设置回正常大小

使用VW使字体与浏览器的宽度成比例

---

这样做意味着您可以将浏览器缩小稍长一点，然后切换的媒体查询将很快出现，避免文本移动到新行。

请添加您的代码或演示您为此所做的尝试？可以看到它是如何在dev.machala.cz上显示的，并通过例如mozzila控制台进行处理。。。这涉及到很多代码。它可以更改为移动设备的下拉列表。问题是，在1200px显示宽度上，它看起来正常，在1199px上，顶部菜单在徽标下跳过，这是不可取的。使用screenfly进行测试。您必须使徽标变小，还可以减少菜单项的左右填充。为此，您应该使用媒体查询@media（max-width:1199px）和（min-width:992px）{//在此处编写代码}您使用的是引导程序，其断点为1199px，直到992px为止。