通常,我曾经使用背景图像根据图像的宽度和高度属性将图像调整为 div。现在我遇到了完全相反的问题。
我想做的是根据图像调整 div 大小,但具有最大宽度和高度。比方说,如果图像是 200x200,则必须将 div 调整到此大小,但如果图像超过 300x300,则必须进行限制。
知道我该怎么做吗?
最佳答案
您可以将 max-width
和 max-height
样式属性应用于图像元素。
根据您需要对包含元素执行的操作,这可能有效:
<div>
<div style="position: absolute;">Element content here</div>
<img src="image.png" style="max-width: 300px; max-height: 300px;" />
</div>
关于css - 将div调整为图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11143983/