0
我有一个容器,每行容纳4个元素。它们动态地按比例改变大小,但它们有一个多精灵背景图像(在此演示中不旋转)。动态调整元素的大小,但保持其背景的比例
设置我的容器的宽度23.75%,我该怎么设置为我的身高让我的背景图像的(小部分)是永远成正比?
.body {
margin: 15px;
background: grey;
}
.container {
background-image: url("http://i.imgur.com/MUQ1HxQ.jpg");
background-size: 600% 100%;
background-position: 0px 0px;
margin-right: 1%;
width: 23.75%;
height: 15vw;
display: inline-block;
}
.body .container:nth-child(4n+1) {
margin-left: 1%;
}