不同浏览器中的 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);}