问题标签 [aspect-ratio]

作为网页开发人员，我想知道是否有任何方法可以知道用户显示器的纵横比（那些使用 PC 或 Mac 的人）。我想根据他们的屏幕尺寸和纵横比将不同的页面（就他们的页面布局而言）转发给不同的用户。这可能吗 ？

我有 5 个方形 ImageButton，我想在屏幕底部并排排列。我将每一组（不同的ID）设置为：

我在主java中分配了这样的背景：

我想要它做的是缩放宽度以整齐地并排放置在屏幕底部（现在可以了），但高度也会自动缩放以匹配宽度。这可能吗？我不想使用 setImageSource，因为它会在 imagebutton 周围放置一个边框。

我正在尝试使用 BWidget 的 MessageDlg。从这里的文档中可以看出，该-aspect比率定义了消息窗口的宽度和高度之间的比率。

不过，好像没什么效果。对于此代码：

为了

和

在这两种情况下，我都会以默认比率（即 150）获取消息窗口。

我正在使用 BWidget 1.9.4。这是 BWidget 的已知问题吗？你能推荐一个更好的选择吗？

这是我当前的缩略图生成脚本。它的工作方式是：

如果您有一个 400x300 的图像，并且您想要一个 100x100 的缩略图，那么原始图像的左侧和右侧将需要 50 个像素。因此，将其大小调整为 300x300。这使原始图像具有与新缩略图相同的纵横比。之后，它将缩小到所需的缩略图大小。

这样做的好处是：

• 缩略图取自图像的中心
• 纵横比不会搞砸

如果您将 400x300 图像缩小到 100x100，它看起来会被压扁。如果您从 0x0 坐标获取缩略图，您将获得图像的左上角。通常，图像的焦点是中心。

我想要做的是给脚本一个任意纵横比的宽度/高度。例如，如果我想将 400x300 的图像调整为 400x100，它应该从图像的左侧和右侧剃掉 150px...

我想不出办法来做到这一点。有任何想法吗？

我最近一直在尝试为 android 应用程序编写布局。一开始我是用真机调试的，布局看起来还不错。但是后来我尝试在模拟器上运行它，但分辨率不同。然后它不适合屏幕。宽度看起来不错，但高度却不行。我的手机分辨率是 480x800。它可能与纵横比有关。我的所有尺寸都在 dp 中。模拟器的某些分辨率看起来不错，但其他一些则不然。Android不应该自己扩展它吗？

这是布局文件的外观：

尺寸文件：

在某些分辨率上，我只看到一半的文本视图，下面没有按钮。

工作示例：http: //jsfiddle.net/4jmY2/4/

如果您放大/缩小（ctrl +/-），您会看到元素四处移动，我怎样才能保持纵横比，以便无论大小如何，内容都将保持不变？

HTML

CSS

我有大量图像，可以是我需要制作成相同纵横比（基本上是正方形）的任何尺寸。因此，如果一张图像是 100x300，则输出应该是 300x300。我不想要的是以任何方式缩放或拉伸的图像。我只想将背景颜色（白色）应用于图像的两侧，然后将原始图像居中（垂直或水平取决于原始纵横比）。

我玩过几个不同的转换命令，但我还没有找到神奇的命令——它们要么扭曲图像以达到纵横比，要么将图像缩放到正确的更大尺寸，但没有纵横比我一直在寻找的比率。

提前致谢

这似乎应该很容易，但我只是没有得到任何东西。

我想制作一个包含单个 SVG 图像的 HTML 页面，该图像会自动缩放以适应浏览器窗口，无需任何滚动并保持其纵横比。

例如，目前我有一个 1024x768 的 SVG 图像；如果浏览器视口为 1980x1000，那么我希望图像以 1333x1000 显示（垂直填充，水平居中）。如果浏览器是 800x1000，那么我希望它以 800x600 显示（水平填充，垂直居中）。

目前我将其定义如下：

然而，这是放大到浏览器的整个宽度（对于一个宽而短的窗口）并产生垂直滚动，这不是我想要的。

我错过了什么？

我有一个我正在尝试布局的屏幕......

基本上，我试图在屏幕上垂直均匀分布 4 个 ImageButton 对象......我在这里使用它来均匀分布项目，但现在让图像缩放但保持纵横比很糟糕......如果我使用scaleType="centerInside"它们不会缩放，如果我使用“fitXY”，它们不会保持纵横比......这是布局的样子：

这是代码：

希望有人可以提供帮助。

我在 imageview 中运行的动画拒绝保持图像帧的纵横比。SO中的以下答案非常有用，但似乎对我不起作用： How to scale an Image in ImageView to keep the aspect ratio

这是代码：

R.anim.my_animation 只是一个动画列表：