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%;
}