响应图像列表与不同大小的图像

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/