菜單和圖像上的一些調整大小問題

Question

在過去的幾天裏，我一直在思考和在網站上工作。當調整大小時，我發現該網站沒有做到這麼好。我認爲該網站應該從1024到768之間看起來不錯。

所以，當下面的頁面大小調整到最小尺寸時，您會看到頂部菜單將被壓扁在一起。儘管所有菜單項都有足夠的空間。而且我希望圖像適當調整到窗口大小。

這裏是鏈接 http://bit.ly/NpE9cF

會有人請幫助我給我一些實用的建議？ 我應該使用類似jquery的方式來調整大小嗎？或者我可以解決這些問題在CSS？

非常感謝。

Answer 1

在style.css中，對於ul#primary li a {}，您有一些固定的寬度。

將此寬度更改爲%值。並且還要添加一些min-width，這樣在調整大小後，寬度不會進一步減小。

變化

ul#primary li a { 
    display: block; 
    float: left; 
    margin: 0; 
    padding: 20px 20px 11px; 
    width: 192px; 
} 

到

ul#primary li a { 
    display: block; 
    float: left; 
    margin: 0; 
    min-width: 100px; 
    padding: 20px 20px 11px; 
    width: 20%; 
} 

中的style.css文件。