Question

我希望img适合div高度，如果它小于宽度或适合div宽度，如果它小于高度我希望它能很好地工作即使img很小，我也希望它能够伸展以适应div的最大高度或拉伸以适应div的100％宽度而不会失去纵横比这是我到目前为止https://jsfiddle.net/okbor1n2/

的地方

＆＃13;

div{
  max-height:300px;
  overflow:hidden;
}
img{
margin:auto;
display:block;
width:100%;
}

＆＃13;

<div>
  <img src="https://i.pinimg.com/236x/73/24/05/7324050b8a2c7f22e1134d08bbc8e6e1--entrance-table-entry-tables.jpg">
</div>

＆＃13;

Answer 1

试试这段代码。它对我有用。

<div>
    <img src="https://i.pinimg.com/236x/73/24/05/7324050b8a2c7f22e1134d08bbc8e6e1--entrance-table-entry-tables.jpg">
</div>
<style>
    div{
        max-height:200px;
        overflow:hidden;
    }
    img{
       width: 100%;
       margin:auto;
       display:block;
       padding-top: 0%;
    }
</style>

CSS：宽度：100％或固定高度，以较小者为准

1 个答案: