CSS悬停宽度样式在不同的浏览器中

Question

我的例子是在这个JSfiddle链接中： https://jsfiddle.net/k9x4wmxk/3/

在Chrome浏览器中，悬停式CSS样式（JSFiddle中的第71行），

.photobox:hover img {width: 105%;}

正是我想要的。悬停时图像宽度会扩大。

但是在Firefox浏览器中，上面的CSS样式会更改图像高度，而不是宽度。

有谁知道这个问题？我该如何解决？非常感谢！

Answer 1

尝试此代码图像悬停

.photobox:hover img {    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);}