问题标签 [aspect-ratio]

我有这张图片，带有这个 CSS：

和标记：

我发布它是为了让你可以看到 img 不是 .container 中唯一的东西

所以行为是图像应该使用所有 .container 尺寸并裁剪图像但保持原始比例，图像为 1600x500 (3,2:1)

那么，我该如何实现呢？

可能重复：
如何保持 android 中图像按钮的纵横比？

我有 5 个方形骰子作为图像按钮排列在我的布局底部附近。我希望它们占据布局的整个宽度，但我似乎无法让它们在占据整个宽度的同时正确保持该纵横比。目前我的代码如下所示：

看起来像这样：

如果我不包括

然后骰子变得倾斜，看起来像这样：

但是，当我尝试在平板设备或高分辨率的设备上显示时，会出现保留“60dp”部分的问题，它最终看起来像这样：

我哪里错了？！

I have some content that needs varying styles ultimately based on aspect ratio (basically it's targeted at one platform but as a "would-be-nice" I want to make the content at least appear correct on other platforms). I'm finding that the Droid 2 (Android 2.2 stock) is not responding to any of these queries:

Does the phone or the OS not support the aspect-ratio query? Is the Droid 2 full of sad? The aspect ratio tests work perfectly for iPhone 3GS/4/4S and iPad so far for me. Alternatively, what would someone suggest for handling Droid 2 / Nexus resolutions after my iOS aspect ratio tests if they don't actually support device aspect ratio.

I'm trying to shy away from using max-width because some Android devices in landscape are wider than an iPad in portrait and I was getting collisions where a device would incorrectly identify as an iPad based on a set width. Any insight would be appreciated.

例如，如果我要嵌入 YouTube 视频

使用 jQuery 我会设置一个宽高比为 16:9 的高度，所以如果宽度是 560，那么高度应该是 315px。
我有这个 jquery 来设置高度，但我不知道如何应用 16:9 比例

或者这可以使用css巧妙地完成吗？

我允许用户在尝试保持图像的原始纵横比的同时调整图像大小。

对于每个调整大小操作，我都有一个“偏移”变量，它指示宽度和高度的变化。这是基于鼠标移动的，因此它可以是值的任意组合，具体取决于它们在调整大小时移动鼠标的程度。

我现在正在做的是取两个值中较大的一个（x 和 y 变化）并使用它来计算相同纵横比的另一个值。这是我的代码：

纵横比是标准的宽度/高度值。

我的代码的问题是它使用整数值，所以它是四舍五入并导致纵横比扭曲。

我假设我需要做的是捕捉到可以被纵横比整除的整数值，或者为此目的。但我不知道如何通过修改这些 x 和 y “偏移”值来做到这一点。

我不敢相信我找不到这个公式。我正在使用一个名为 SLIR 的 PHP 脚本来调整图像大小。该脚本要求指定裁剪的纵横比。我想根据我让用户输入这些值的表单中指定的图像的宽度和高度来获取纵横比。例如，如果用户输入 1024x768 图像，我会得到纵横比4:3。在我的一生中，我找不到 PHP 或 Javascript 中的公式示例，我可以使用它来获取基于 w、h 的纵横比值并将纵横比插入变量。

我使用 1024 像素 x 768 像素（4:3 比例）的屏幕尺寸为我的客户创建了一个 swf 文件，现在我的客户想要在仍然使用 4:3 比例的更大屏幕（电视）中重新使用视频，但是屏幕尺寸要大得多（我还没有确切的尺寸）。我是否需要使用适合新屏幕尺寸的图像重新创建 Flash 文件，或者它们都使用 4:3 纵横比这一事实意味着图像质量不会受到影响？

我正在使用图库小部件来显示图像：

它的内部相对布局。有人可以告诉我如何为此设置良好的纵横比以及如何设置吗？我对这件事很陌生。谢谢

我有一个表视图，它使用我在 NIB 上创建的自定义 UITableViewCell。在这个自定义单元格中，我有一个方形图像视图来显示徽标。这些图像已经是缩略图大小，但它们有不同的大小（有些是正方形，有些不是）。

我只是在我的自定义单元格中指定了我的 UIImage 以具有“Aspect Fit”的视图模式，以便使它们都显示在一个正方形上，但不会丢失它们的纵横比。

问题是我不断得到一个填充我行高度的图像，因此矩形图像比方形图像宽。

我在这里缺少一些基本的东西吗？我搜索并看到了许多关于调整大小和缩放但不特定于自定义 UITableViewCell 中的 UIImageView 的帖子。

1）正确的元素（正在播放），无法向下移动到我需要的位置（与新闻对齐）

2）当有人放大或缩小时，（正在播放）元素的纵横比被弄乱了，我该如何保存？

这是代码：

HTML：http://pastebin.com/qiGPzpAk CSS： http: //pastebin.com/T8e8pXjv

有任何想法吗？谢谢！