网页中img图片怎么使用css实现等比例自动缩放不变形
短信预约 -IT技能 免费直播动态提醒
本文小编为大家详细介绍“网页中img图片怎么使用css实现等比例自动缩放不变形”，内容详细，步骤清晰，细节处理妥当，希望这篇“网页中img图片怎么使用css实现等比例自动缩放不变形”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
代码如下：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>等比例不变形</title><style type="text/css">.pic li{width: 150px; height: 80px; float: left; list-style: none; margin: 10px; border: 1px solid #d8d8d8; padding: 5px; text-align: center;}.pic img{width: auto; height: auto; max-width: 100%; max-height: 100%;} </style></head><body><div class="pic"><li><img class="lazy" data-src="https://file.lsjlt.com/upload/202307/04/mf4ttclpi5n.png" alt=""></li><li><img class="lazy" data-src="https://www.yisu.com/images/logo.gif" alt=""></li><li><img class="lazy" data-src="//img.jbzj.com/image/sjb51-296-183.gif" alt=""></li></div></body></html>读到这里，这篇“网页中img图片怎么使用css实现等比例自动缩放不变形”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网行业资讯频道。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
