響應圖像列表與不同大小的圖像

Question

我開始學習響應式網頁設計，但現在我有一點問題： 我的導航是一個圖像列表，其中每個圖像都有不同的寬度。 結果如下：http://jsfiddle.net/yxLLncpb/

如果我對每張圖片使用相同的尺寸，並且窗口變小，圖片也變小。

但我給每一個圖像的個體大小喜歡這裏：

ul li#home{width:7,53%;} 
ul li#vermeldungen{width:18,59%;} 
ul li#tup{width:20,83%;} 
ul li#ug{width:22,59%;} 
ul li#kirchen{width:8,79%;} 

現在如果我調整窗口大小的圖像保持原有尺寸：/ 誰能告訴我，爲什麼圖像不調整，太？

Answer 1

ul li#home{width:7.53%;} 
ul li#vermeldungen{width:18.59%;} 
ul li#tup{width:20.83%;} 
ul li#ug{width:22.59%;} 
ul li#kirchen{width:8.79%;} 

你已經使用逗號誤，但需要使用點

<li id="kirchen"><img src="http://www.georgs-kirche.de/wordpress/wp-content/themes/georgtheme/images/nav_kirchen.png"></li> 

最後一項你已經使用class，但需要更改id

檢查工作fiddle.

Answer 2

這裏工作小提琴

ul li#home{ 
width:7,53%; 
} 

變化

ul li#home{ 
width:7.53%; 
} 

http://jsfiddle.net/yxLLncpb/2/