CSS图像按高度调整大小

提索斯

我知道根据宽度更改图像比例的图像调整大小技术:

img{
  max-width: 100%;
  height: auto;
}

我只需要根据父母的身高而不是宽度做同样的事情。我尝试了以下操作无效:

img{
  width: auto;
  max-height: 100%;
}

我希望我能解释得足够好。

请帮忙 :)

Skshoyeb

max-height 只会将高度限制为小于给定值。

如果您希望它与其父代相同。 height: 100%

因此,这应该工作:CSS:

img{
  height: 100%; // changed max-height to height here
  width: auto; // this is optional
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

调整窗口高度时调整图像的大小

来自分类Dev

调整窗口高度时调整图像的大小

来自分类Dev

是否可以按字节而不是宽度和高度调整图像大小?

来自分类Dev

调整大小的图像新的宽度和高度

来自分类Dev

根据文本高度调整图像大小

来自分类Dev

使用CSS调整图像大小

来自分类Dev

使用CSS调整图像大小

来自分类Dev

使用CSS调整图像大小

来自分类Dev

调整窗口大小时,图像高度不会调整

来自分类Dev

CSS / JS调整大小以适合图像大小

来自分类Dev

在Firefox中按比例调整图像大小

来自分类Dev

多图像高度调整问题CSS

来自分类Dev

图像旋转-根据图像的高度和宽度调整画布的大小

来自分类Dev

如何使collectionViewCell仅按高度自动调整大小?

来自分类Dev

在浏览器大小上按行调整图像大小

来自分类Dev

根据设备的宽度和高度调整图像大小

来自分类Dev

数据URI图像大小调整(自动高度)

来自分类Dev

如何防止在CSS中调整图像大小?

来自分类Dev

使用CSS调整大小和裁剪图像

来自分类Dev

CSS使图像调整大小并适合任何屏幕

来自分类Dev

CSS图像调整大小问题

来自分类Dev

使用CSS调整图像的裁剪部分的大小

来自分类Dev

使用CSS Grid调整图像大小

来自分类Dev

自动调整CSS中图像的大小

来自分类Dev

CSS悬停边框,无需调整图像大小

来自分类Dev

使用PHP或CSS调整图像大小?

来自分类Dev

使用CSS动态调整图像大小

来自分类Dev

CSS 图像水平调整大小

来自分类Dev

使用CSS在div中自动调整图像大小仅适用于宽度,不适用于高度