javascript - CSS3 变换比例的对齐问题

Question

我尝试使用 css3 缩放属性，但我面临着前面元素对齐的问题

我看到在使用 css3 缩放元素后创建了很多间距。

尝试在列表旁边放置图像和标题。但是当图像被缩放时，瓷砖被向下推。不想使用绝对值，因为它可能会对不同的设备和页面大小调整产生不良影响

Here is the fiddle http://jsfiddle.net/sonymax46/xhwcvmj8

你能详细说明为什么会这样吗

谁能帮帮我。

Answer 1

不是通过 transform 属性进行 scale，而是根据需要调整元素的 width 和 height尺寸。如果您不这样做，该元素将保持原始大小，从而导致该空白区域。

然后您可以使用此 CSS 正确设置图像大小:

background-size: contain;
background-repeat: no-repeat;

这是您的 jsfiddle已更新。