縮小頁面時出現扭曲的菜單欄

夥計我需要我的菜單幫助。當我縮小頁面時，它會變形。繼承我的鏈接。我在IE上測試了這個鏈接，這很好，但是在Chrome和Firefox中縮放頁面會扭曲菜單和下面的內容。縮小頁面時出現扭曲的菜單欄

2012-10-02 Cadz

傢伙，我已經想通了現在。問題是我設置了菜單的寬度，其中我應該在#menu ul li {}中設置寬度，並使用％代替px。但非常感謝格林先生。 – Cadz

它看起來像您放置每個菜單項在自己ul容器是這樣的：

<ul> 
    <li>something</li> 
</ul> 
<ul> 
    <li>something</li> 
</ul> 
<ul> 
    <li>something</li> 
</ul>

儘量不使用帶有多個LIS一個單個UL這樣

<ul> 
    <li>something</li> 
    <li>something</li> 
    <li>something</li> 
</ul>

然後你需要做一些CSS來讓它們垂直對齊。這是一項額外的工作，但它是正確的方式。否則，你會試圖修復首先被打破的結構外觀。 :)

2012-10-02 04:22:12

非常感謝。但是現在解決了。非常感謝 – Cadz

我現在正在看它，你仍然有每個項目在它自己的UL。 –

再看一遍。並縮小或放大，它不會再變形。 – Cadz

的div#text-contents是繼承上述DIV浮動屬性。刪除它，你應該給clear:both到div#text-contents它會正常工作。我建議你使用百分比而不是像素。（不是必要的）

2012-10-02 03:59:49

沒有先生，它沒有解決問題..我也嘗試用我的寬度替換爲％的px，仍然是一樣的。 – Cadz

回答