使图片大小自适应页面的常用方法是使用CSS中的max-width: 100%;和height: auto;。这确保了图片在其容器中不会超出，并保持其原始宽高比。
img {
max-width: 100%;
height: auto;
}
这段CSS样式对所有图片元素生效，使它们根据其父容器的大小自动调整大小。如果你希望只对特定的图片应用这个样式，可以为这些图片添加一个类，并使用该类进行样式设置：
.img-responsive {
max-width: 100%;
height: auto;
}
然后在HTML中的相应图片元素上添加这个类：
<img src="example.jpg" alt="Example Image" class="img-responsive">
这样就可以确保图片在不同屏幕尺寸下都能自适应，并且不会因为超出容器而失真。
本站资源均来源于互联网，仅限于学习研究，严禁从事商业或者非法活动！丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：css img怎样做到大小自适应
