求助webapp响应式布局 背景图片和普通图片如何自适应？

求助webapp响应式布局 背景图片和普通图片如何自适应？
用CSS 如何自适应？因为图片高度和宽度有固定比例 如果就设置width和height为100%
即使图片高清 但碰到不同尺寸设备 图片自动占据全屏 会改变图片比例尺 会影响吧？请问这个问题CSS 怎么解决？谢谢

IMG加载的图片width设置为100%，高度会按照width的值自动等比率缩放

背景图片用background-size 属性来控制缩放

 div{
   background:#00ff00 url(img.jpg) no-repeat;
   background-size:60% 80%;
   -moz-background-size:60% 80%;
   -webkit-background-size:60% 80%;
   -o-background-size:60% 80%;
}

http://blog.sina.com.cn/s/blog_475e4b9b0100vpeb.html

那我想问各位大神一个问题，既然图片做不了所以屏幕都适应，那你们通常在做手机端的时候只用一套图片还是两套图片，还是更多套图片来实现呢？如果是多套那是以iPhone、iPad两种来做判断条件吗？想问下是要根据屏幕比例还是根据屏幕像素决定调用哪一套图呢？各位是怎么实现的呢？帮帮忙，谢谢了！