怎么让图片跟着屏幕自适应大小呢
时间: 2024-05-07 12:23:45 浏览: 62
自适应图片大小
你可以使用CSS的max-width和max-height属性来实现图片的自适应大小。将max-width设置为100%,这样图片就能够自适应父元素的大小,并且不会超过父元素的宽度。同时,将max-height设置为100%可以确保图片不会超过父元素的高度。
例如:
```html
<div class="image-container">
<img src="your-image-url.jpg" alt="your-image">
</div>
```
```css
.image-container {
width: 100%;
height: auto;
text-align: center; /* 居中图片 */
}
img {
max-width: 100%;
max-height: 100%;
}
```
这样,无论屏幕的大小如何变化,图片都会自适应屏幕的大小。
阅读全文