如何讓網站菜單欄保持一行？

我正在建設一個網站，並掛上了一個問題。我將菜單欄完美定位，但由於某些原因，在較大的顯示分辨率或Android設備上，「聯繫我們」菜單項往往會跳到一個新行。網頁的鏈接是http://uk.delux.lv只需嘗試縮放它，看看會發生什麼。這是菜單的CSS：如何讓網站菜單欄保持一行？

#topmenu_wrap { 
    margin:auto; 
    overflow: auto; 
    background: #fff; 
} 

#topmenu { 
    background-color: #fff; 
    width:966px; 
    margin:auto; 
    padding-left: 0px; 
    font-family: 'Droid Sans', sans-serif; font-weight: 400; 
    font-size: 13px; 
    color: #969696; 
}

來源

2012-02-09 ritmanis

現在看看它在Firefox中聯繫我們的鏈接已經在換行而不縮放。 – Henesnarfel 2012-02-09 19:19:35

我該如何解決這個問題？ – ritmanis 2012-02-09 19:20:49

如果我脫掉左邊框和右邊框，它會跳到一條線上。在考慮寬度時，您必須考慮邊框寬度，總寬度爲 – Henesnarfel 2012-02-09 19:21:58

我的建議是設置一個標籤的填充在UL>李書福padding: 16px 15px。將類菜單的topnav> ul的總寬度設置爲width: 966px。

除非您製作圖像，否則您無法控制topnav上文字的寬度。無論用戶放大多大，或者在瀏覽器中設置文本的大小，都可以保持文本不變。

我以爲我在前一段時間找到了一種方式來設置文本爲靜態，所以當有人縮放沒有發生任何事情，但我找不到它。

只要擴大我不會這樣做。你不能控制每個人的瀏覽器和它的外觀。在我工作的地方，我們只檢查5個主要瀏覽器的普通視圖，如果他們改變了他們的結局，那麼很好。

來源

2012-02-09 19:50:35 Henesnarfel

如何讓網站菜單欄保持一行？

回答

相關問題