CSS强制调整图像大小并保持宽高比
我正在处理图像，但遇到宽高比问题。
<img src="big_image.jpg" width="900" height="600" alt="" />
如您所见，height并且width已经指定。我为图像添加了CSS规则：
img {
max-width:500px;
}
但是big_image.jpg，我收到width=500和height=600。如何设置图像以调整尺寸，同时保持其纵横比。
img {
display: block;
max-width:230px;
max-height:95px;
width: auto;
height: auto;
}
<p>This image is originally 400x400 pixels, but should get resized by the CSS:</p>
<img width="400" height="400" src="http://i.stack.imgur.com/aEEkn.png">
如果对于指定区域太大，则会缩小图像（不利的一面是，不会放大图像）。
-
我正在处理图像，我遇到了一个关于纵横比的问题。 可以看到，和已经指定。我为图像添加了CSS规则： 但是对于，我接收到和。如何设置图像的大小，同时保持他们的纵横比。
-
问题内容： 我希望图像填充其容器宽度的100％，并希望为其设置max-heigth属性，所有这些都保持长宽比，但允许丢失图像的任何部分。 我知道属性可以完成类似的操作，但是我想将其设置为内联标签。 关于如何使用CSS实现此目标的任何想法？或JavaScript？ 问题答案： 您可以尝试CSS3 ，并查看浏览器支持 表 。 CSS3 / 指定对象（图像或视频）在其框内的放置方式的方法。对象适合选项包
-
问题内容： 我一直在尝试使用NodeJS 的程序包创建一些缩略图，但是我很幸运。我需要调整大于600x600的图像大小（从给定的宽度/高度开始，可以是任何宽度/高度），但是当我将尺寸传递给gm时，它将创建与我要求的尺寸不同的图像。 例如，给定此代码，我假设运行时将收到大小为200x100的图像，但我得到的图像为180x100或200x90 … 我也尝试过调整大小选项。甚至还可以选择强制大小，但是输
-
问题内容： 我的图片尺寸会很大，我想使用jQuery缩小图片，同时保持比例不变，即长宽比相同。 有人可以指出一些代码或解释其逻辑吗？ 问题答案： 看看来自的这段代码
-
问题内容： 即时通讯试图在Java的内存中调整bufferdImage的大小，但要保持图像的长宽比，即时通讯有类似这样的内容，但这不好 问题答案： 您可以查看perils-of-image- getscaledinstance.html ，它解释了为什么应避免在某些答案中使用的原因。 本文还提供了替代代码。
-
我有一些问题与CSS为我的网页，显示社会媒体风格的帖子，包括图像。当显示图像时，它们被放置在div标记中，该标记的样式是尝试缩小图像的大小，并将图像horziont地相邻显示。 然而，我有一个问题，图像仍然试图堆叠在一起，我不能让他们调整我想要的大小，特别是在移动。目前基于其他线程，这是我得到的