css 宽度与高度按百分比显示,且宽高相等,span高度百分比

.kefu1{background-position:0 -727px;width:30%;display:inline-block}
 .kefu1::before{content: "";padding-top: 100%;display: block;}

 

<span class="kefu1">这里是背景图片</span>

在css中,一个元素可以设置为相对宽度,即百分之几,但是高度设置为百分比不行,不过可以通过::before的语法实现