问题标签 [aspect-ratio]

这是我的标志 css，当我将高度和宽度更改为 x% 时，它只是切割了我的标志图像的底部和右侧。如何设置我的徽标样式，使其在保持纵横比的同时保持浏览器宽度的 5%？谢谢

编辑：感谢您的所有回答和评论。在考虑之后，我会将问题的核心改写为：“如何确定和限制我的游戏能够运行的最小分辨率/比率”。因为 imo 要么游戏在最小的屏幕/比例（缺乏细节）上变得无法玩，或者即使支持最小的屏幕/比例也会显着降低所有其他游戏的体验。此外，我们甚至不知道最小分辨率是什么，或者除了禁用 ldpi 之外可以以任何方式限制它......这仍然没有告诉我们最小的 mdpi。毕竟我不是在想如何创造一个好的结果，而是如何创造一个完美的结果；）。猜猜这是不可能的（还没有？）。

注意：这纯粹是关于手机而不是平板电脑而且这个问题与应用程序无关，因为它与不使用 Android 布局系统的游戏有关。

我总是发现期望哪些决议的定义有些模糊。我知道文档中的列表。

现在我的第一个问题是这个列表是否完整，或者换句话说，制造商是否允许使用其他分辨率或纵横比。我目前的方法是根据看起来像这样的纵横比来查看这个列表（不确定它是否准确，但你明白了）：

• ldpi：最小纵横比 4:3
• mdpi：最小纵横比 3:2
• hdpi：最大纵横比 16:9

因此，如果我想涵盖一系列设备，我会弄清楚我最小和最大的纵横比是多少，并设计最小的布局，同时让它自动增长到最大。例如，如果我想支持所有密度，我将屏幕设计为 4:3 并使其增长到 16:9。如果我删除 ldpi 支持，我会为 3:2 设计。当然，这假设永远不会有纵横比为 4:3 的 mdpi 设备，这让我们回到了我的第一个问题。

我首选的解决方案是在 Android Market 上指出我的应用程序可以处理哪些纵横比，但目前看来这似乎不可能。

有没有人有更好的方法？（请记住，它仅适用于手机上的游戏）

我有宽度为 100% 的画布；和高度：100%。它是全屏的，我在上面画了一个图像。我想在调整浏览器大小时保持图像的原始纵横比。我想要和我这样做一样的效果：http: //pastebin.com/pFEQJsvM。有什么想法可以实现吗？

这是我的 javscript 代码： http://pastebin.com/U5VpzfbZ

谢谢您的帮助！

我希望能够在图像上绘制一个 FocusRect，它保持图像的纵横比。我的问题是， FocusRect 仅取决于鼠标的 y 坐标。我只是不知道如何让矩形依赖于两个鼠标坐标......这是我的代码：

有人可以帮我吗？

亨利

根据开放图形文档，图像的最大纵横比为 3:1。我理解的纵横比是宽高比。因此，考虑到 3:1 的要求，图像的宽度可以达到高度的 3 倍。

然而，这似乎并没有对图像的高度设置任何限制？是否也有最低方面的要求？否则，您似乎可以拥有一个宽 50 像素但高 500 像素的图像？

谢谢

我有以下CSS：

这对应于这个 HTML：

它导致了这个混乱：

如果我使用 css3 background-size: 175px 160px; 纵横比真的搞砸了，导致这样的混乱：

有没有办法拉伸图像以适应 div？但是以保持纵横比的方式？我想要自动裁剪。

如何integer:integer按给定因子计算纵横比（格式为 ）？

例如，纵横比 16:9 的系数为 1.778，因为 16 / 9 = 1.778。但是我怎样才能找到这个因素的比率呢？所以

应该返回

如果没有，是否有最流行的 Android 手机和平板电脑的屏幕分辨率列表。

我在许多帖子中看到通过保持纵横比来调整图像大小。这些函数在调整大小时使用 RECT 的固定点（宽度和高度）。但是在我的项目中，我需要单独根据宽度调整视图的大小，高度应该根据纵横比自动获取。任何人都可以帮助我实现这一目标。

我正在为要与之交互的 iPhone 应用程序创建 Web 服务。

当我的客户端在服务器端上传图像时，我希望我的 php 脚本调整图像大小，同时保持宽高比，以便它适合 iPhone 屏幕。（即最长边<= 960，最短边<= 640

我在 JS 中创建了一个模型，只是因为我发现它更容易快速完成。

我很确定，虽然我可能错了，但这不是最有效的方法。有人可以用更好的逻辑（尤其是开头的那一点）或更数学的方法来纠正我吗？