美文网首页
仿微信朋友圈中图片的展示方式

仿微信朋友圈中图片的展示方式

作者: 靳刘杰 | 来源:发表于2016-12-21 11:35 被阅读0次

以下仅说明朋友圈中发表多图的情况
可以看到在朋友圈中的图片是以小图的形式展现的,并且如果是一个长图的话,他就会隐藏上下部分显示中间,如果是一个宽图的话,就会隐藏左右部分显示中间。

以前端代码仿造的话就是#

长图是这样的

.s1{
            background: url('./image/3.png') no-repeat;
            background-position: center center;
            background-size: 100% auto;
        }

宽图是这样的

.s1{
            background: url('./image/3.png') no-repeat;
            background-position: center center;
            background-size:  auto 100%;
        }

相关文章

网友评论

      本文标题:仿微信朋友圈中图片的展示方式

      本文链接:https://www.haomeiwen.com/subject/vpkqvttx.html