Autoresize header保持在一行

我目前正在为一家公司定制wordpress布局，并且我有布局问题。Autoresize header保持在一行

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

我想问你，如何在变焦时将它们放在一行上。

页可以在dev.machala.cz找到事先

感谢答案。

2017-07-17 Volt

请添加您的代码或演示您尝试过的操作？ – Jainam

它可以看出它是如何在dev.machala.cz和拨弄通过例如mozzila控制台... 有很多代码参与。 – Volt

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

如果你不想让你的菜单崩溃。您必须删除您的媒体查询。

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

2017-07-17 11:00:50

它可以更改为移动设备的下拉菜单。问题是，在1200px显示宽度上它看起来不错，在1199px顶部菜单跳过标志，这是不希望的。使用screenfly进行测试。 – Volt

您必须使徽标变小，并且还可以减少菜单项的左侧和右侧填充。对于这样做，你应该使用一个媒体查询 @media（最大宽度：1199px）和（最小宽度：992px）{// 这里编写代码} 您正在使用引导其断点为1199px直到992px。 –

如果你正在尝试在移动和平板电脑设计的目的做到这一点，也许认为这 -

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

字体大小：1vw;

，然后更改移动菜单转换杆的媒体查询到1000像素

，并设置字体大小恢复正常在媒体查询。

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

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

2017-07-17 11:08:37

回答