我已搜索此要求的解决方案,但尚未找到。
我想在多个移动设备(例如 iPhone 4/5、iPad 3/4 和 Android 设备)的 HTML 页面中显示 230(宽度)x 390(高度)的图像。
目前图片在 iPhone4 上显得太大而在 iPad3 上显得太小。
如何根据屏幕尺寸显示这些图像?
如果这意味着图像在更大的屏幕上会被拉伸(stretch)并且不那么清晰,那也没关系。
最佳答案
使用 background-size:contain,您的 div 的背景图像将拉伸(stretch)以填充容器。
background-size: contain;
关于html - 根据屏幕分辨率调整图像大小的简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24436542/