我已经搜索了这个要求的解决方案，但还没找到。
我想在多个移动设备（如iPhone 4/5，iPad 3/4和Android设备）的HTML页面中显示230（宽度）x 390（高度）的图像。
目前，iPhone4上的图像显得太大，而iPad3上的图像太小。
如何根据屏幕尺寸显示这些图像？
如果这意味着图像将在更大的屏幕上伸展而不是那么清晰，那就没关系。
答案 0 :(得分：1)
使用background-size：contains，div的背景图片将拉伸以填充容器。
background-size：contains;
答案 1 :(得分：0)
因此，如果您想使用媒体查询：
[1]: http://jsfiddle.net/5hTkf/
该示例没有视网膜显示处理，但这里有一篇关于处理的文章：Retina Display Media Queries