css图片等比列放大

最新推荐文章于 2023-08-09 15:04:37 发布

大西瓜啃完了哟

最新推荐文章于 2023-08-09 15:04:37 发布

阅读量609

点赞数

文章标签： css

本文链接：https://blog.csdn.net/haihiaandtongtong/article/details/55506569

版权

<style>
 .cli{
        width: 400px;
        height: 400px;
        overflow: hidden;
        position: relative; }
    .cli img{
        position: absolute;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        left: -100%;
        right: -100%;
        top: -100%;
        bottom: -100%;
    }
</style>

<div  class="cli" style="background: green;">
    <img src="images/11.jpg">
</div>