css可以通过设置图片的宽高为100%使图片自适应div大小,为图片添加width:100%,height:100%属性即可使图片自动扩大适应div大小。
示例:
<!DOCTYPE html> <html> <head> <style> div { width:250px; height:200px; border:5px solid red; } .img1 { width: 100%; height:100%; } </style> </head> <body> <div><img src="https://ss.0133.cn/upload/article/000/000/013/5da3e4e32f6e0593.jpg-600" class="img1"></div> <div><img src="https://ss.0133.cn/upload/article/000/000/013/5da3e4e32f6e0593.jpg-600" ></div> </body> </html>
效果图:
以上就是css如何使图片自适应?的详细内容,更多请关注0133技术站其它相关文章!