首先写个div和img

    <pre data-language="HTML">
    <div class="post-thumbnail">
        <img src="/usr/uploads/uploads/2019/08/qrcode_for_gh_b81da5d60ae4_1280.jpg" />
    </div>

这里采用相对定位和绝对定位的方式隐藏多余部分

    .post-thumbnail{
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .post-thumbnail img{
        width: 100%;
        height: auto;
        position: absolute;
    }
微信公众号
最后修改:2020 年 02 月 05 日 06 : 30 PM
如果您觉得我的文章有帮助,请随意赞赏!