图像自动适合 iPhone 上的纵向和横向屏幕？答案

【问题标题】：Images automatically fitted to screen in portrait and landscape on iPhone?图像自动适合 iPhone 上的纵向和横向屏幕？
【发布时间】：2011-10-13 13:24:34
【问题描述】：

我需要将图像调整为 iPhone 上的纵向和横向屏幕尺寸。图像以不同的比例动态加载。

我想实现图像在屏幕内的最大尺寸。问题是它们中的一些需要具有 100% 的宽度，而另一些需要具有 100% 的高度，具体取决于它们的比例。

以前我使用 JavaScript 完成了这项工作，并在这些图像被加载或屏幕旋转时单独调整了它们的大小，但我希望有一个纯 CSS 的解决方案，这样我的 webApp 在 JavaScript 中就不会那么重了。

有人知道解决办法吗？

提前谢谢你。

【问题讨论】：

标签： iphone image web-applications css aspect-ratio

【解决方案1】：

查看 UIImageView 的 contentMode 属性。如果适合您的目的，您可以选择使用 UIViewContentModeScaleAspectFill。

【讨论】：

我正在使用 html css3 和 javascript 开发一个网络应用程序。 UIImageView 不是 iPhone SDK 的一个类所以只适用于原生应用吗？
没错，如果您正在寻找网络应用程序而不是本机应用程序，您的问题并不清楚。可能值得编辑您的问题，以便您得到正确的答复。万事如意！
我应该更清楚地说明这一点。无论如何，感谢您的帮助。

【解决方案2】：

您想要的是使用 CSS 来限制图像的大小。例如：

<img src="someimage.jpg" style="max-width:100%; max-height:100%;">

【讨论】：