全宽容器中的响应图像

时间:2014-02-03 19:03:57

标签: css image resize responsive-design

很难解释,我的思绪是空白的!但我有一个全宽的div,然后我想在div中放入8个图像,然后调整大小到你的屏幕大小。对不起,如果这没有意义,那么任何人都有任何想法。

2 个答案:

答案 0 :(得分:1)

如果我问你问题,这就是你需要的。 http://jsfiddle.net/ukkJm/

如果宽度为100%的div,则必须使每张图片的尺寸为100%/8 12.5%。如果这是你要求的,请告诉我!

答案 1 :(得分:0)

您可以使用css:

制作响应式图像
.img-responsive{
  display:block;
  max-width:100%;
  height:auto
 }