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

回答