我有一些尺寸为(900x512)的图片。由于我要使其响应式,因此图片需要在屏幕宽度内调整大小,同时保持纵横比!
我有一些尺寸为(900x512)的图片。由于我要使其响应式,因此图片需要在屏幕宽度内调整大小,同时保持纵横比!
使用:
<img src="..." style="width: 100%; height: auto;" />
height: auto
确保未在其他地方设置 height
(如 cale_b 所述)。img-responsive
类。<img class="img-responsive" alt="My image" >
你可以通过在CSS中仅设置宽度或高度来实现这一点。
.image{
width: 40%;
border: 1px solid #ffffff;
}