在单行中自动调整不同大小的图像

时间:2015-02-08 03:42:59

标签: javascript html css

我有一组不同高度,宽度和宽高比的图像。我想将它们排成一行以适应整个屏幕。我也希望所有的高度都一样。因此,我可以将宽度设置为自动并手动播放高度,直到没有图像下拉到下一行,但显然这对于​​不同分辨率的显示器不起作用。有没有必要使用特定图像的任何常量,有一个简单的方法吗?

2 个答案:

答案 0 :(得分:0)

如果您设置img {max-width: 100%},您的图片将变得响应并在不同分辨率下缩放。然后你必须设置height: 100%或其他一些百分比值,你的图像在不同的屏幕尺寸上应该看起来很好并且相等

答案 1 :(得分:0)

<img src="IMAGE LINK" style='width:100%;' border="0" alt="Null">

尝试使用此功能使图像响应所有显示。

注意:它可能会影响比率