怎么让图片自适应屏幕大小
时间: 2024-05-04 07:21:48 浏览: 256
自适应图片大小
在网页中,可以使用CSS的background-size属性来让图片自适应屏幕大小。
例如,将图片设置为背景图片,并将background-size属性设置为cover,即可让图片自动缩放以适应屏幕大小:
```
<div style="background-image:url('your-image.jpg'); background-size:cover; width:100%; height:100%;"></div>
```
或者,也可以将图片设置为img标签,并将max-width属性设置为100%和height属性设置为auto,以让图片自动缩放:
```
<img src="your-image.jpg" style="max-width:100%; height:auto;">
```
这样,无论屏幕大小如何,图片都会自适应屏幕大小。
阅读全文