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

Question

我的示例在这个 JSfiddle link 中： 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);}

CSS hover width styles in different browsers