自动调整标题以保持一行

Question

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

我在标题中有一个徽标，右侧是导航。但是当我放大时，导航会在某一时刻跳到下一行。

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

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

提前感谢您的回答。

Answer 1

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

如果你不想打破你的菜单。您必须删除媒体查询。

这不是问题。你可以保持原样。

Answer 2

如果你想在移动设备和平板电脑上进行布局，可以考虑一下这个 -

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

font-size：1vw;

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

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

使用VW使字体缩放与浏览器的宽度。

这样做意味着您可以将浏览器缩小一段时间，然后更快地显示切换的媒体查询，避免文本移动到新行。