CSS悬停宽度样式

Question

我的例子是在此的jsfiddle链接： https://jsfiddle.net/k9x4wmxk/3/

在Chrome浏览器中，悬停CSS样式（系71的jsfiddle），

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

现在正是我想。悬停时图像宽度会扩大。

但是在Firefox浏览器中，上面的CSS样式改变了图片高度，而不是宽度。

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

Answer 1

试试这个代码图像悬停

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