本文小编为大家详细介绍“网页中img图片怎么使用CSS实现等比例自动缩放不变形”，内容详细，步骤清晰，细节处理妥当，希望这篇“网页中img图片怎么使用css实现等比例自动缩放不变形”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来
本文小编为大家详细介绍“网页中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 src="https://file.lsjlt.com/upload/202307/04/mf4ttclpi5n.png" alt=""></li><li><img src="Https://www.yisu.com/images/loGo.gif" alt=""></li><li><img src="//img.jbzj.com/image/sjb51-296-183.gif" alt=""></li></div></body></html>读到这里，这篇“网页中img图片怎么使用css实现等比例自动缩放不变形”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网精选频道。
--结束END--
本文标题: 网页中img图片怎么使用css实现等比例自动缩放不变形
本文链接: https://www.lsjlt.com/news/351371.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-10
2024-05-10
2024-05-10
2024-05-10
2024-05-10
2024-05-10
2024-05-10
2024-05-10
2024-05-10
2024-05-10
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0