自动调整标题以保持在一行答案

【问题标题】：Autoresize header to stay on one row自动调整标题以保持在一行
【发布时间】：2017-12-21 20:46:29
【问题描述】：

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

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

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

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

提前感谢您的回答。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

改成移动设备的下拉菜单就可以了。问题是，在 1200 像素的显示宽度上它看起来不错，在 1199 像素的顶部菜单在徽标下跳过，这是不可取的。使用 screenfly 进行测试。
您必须使徽标变小，您还可以减少菜单项的左右填充。为此，您应该使用媒体查询 @media(max-width: 1199px) and (min-width: 992px) { // 在此处编写您的代码 } 您正在使用断点为 1199px 的引导程序，直到 992px。

【解决方案2】：

如果您尝试在移动设备和平板电脑上进行布局，请考虑这样做 -

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

字体大小：1vw；

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

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

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

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

【讨论】：