文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使图像自动缩放(不使用断点)

问如何使图像自动缩放(不使用断点)
EN

Stack Overflow用户

提问于 2019-07-31 17:23:01

回答 1查看 50关注 0票数 0

我正在使用Flexbox，在我的站点上有一行文本块应该占据屏幕的40%左右，图像应该占到右边的60%。但是，当浏览器图像调整大小时，我希望图像比文本收缩得更快。

当在那个地方使用的时候，弹性收缩看起来没有任何效果，图像看起来是一个固定的大小。我尝试切换到带有背景图像属性集的a，但是由于div中没有任何内容，所以图像是不可见的。我可以硬编码宽度和高度，但这违背了拥有图像比例的目的。

有办法这样做吗？

回答已采纳

发布于 2019-07-31 17:43:38

尝试给图像的最大宽度为100%，并将高度设置为自动.因此，它将始终缩放以适应父级的大小。

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57296076

复制

相似问题

问如何使图像自动缩放(不使用断点)EN