图片等比例自适应缩放 忘是亡心i 2023-01-08 12:26 254阅读 0赞 图片的父级元素宽度写成百分比形式,图片的宽高取100%即可 <li class="desktops_item"> <img class="w-h100" src="./../../mat/src/images/index/banner.png" alt=""> </li> .index_wrapper .desktops .desktops_item{ width: calc(33.3% - 2.5rem); } img{ width:100%;height:100%;} 效果: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTAzMzA0OA_size_16_color_FFFFFF_t_70] 缩小: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTAzMzA0OA_size_16_color_FFFFFF_t_70 1] [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTAzMzA0OA_size_16_color_FFFFFF_t_70]: /images/20221119/74f4a52f6027465380c2131deeea1701.png [watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTAzMzA0OA_size_16_color_FFFFFF_t_70 1]: /images/20221119/d65031043b834c6fafee5ea8a548329c.png
还没有评论,来说两句吧...