我已经搜索了此要求的解决方案，但尚未找到。
我想在多个移动设备（如 iPhone 4/5、iPad 3/4 和 Android 设备）上的 HTML 页面中显示 230（宽）x 390（高）的图像。
目前图像在 iPhone4 上显得太大而在 iPad3 上显得太小。
如何根据屏幕尺寸显示这些图像？
如果这意味着图像将在更大的屏幕上被拉伸并且不那么清晰，那也没关系。
问问题
55 次
2 回答
1
使用 background-size:contain，您的 div 的背景图像将拉伸以填充容器。
背景尺寸：包含；
于 2014-06-26T17:17:08.640 回答
0
因此，如果您想使用媒体查询：
[1]: http://jsfiddle.net/5hTkf/
该示例没有视网膜显示处理，但这里有一篇关于处理的文章：Retina Display Media Queries
于 2014-06-26T18:08:10.160 回答