html - 元素在谷歌和火狐浏览器里面显示的效果不一样，想要用css hack解决？

问题描述

p元素的高度在谷歌和火狐浏览器里面显示的效果不一样，想要用css hack解决,

可是这两段代码不起作用，有大神解释一下嘛。。。

问题解答

//google

@media screen and (-webkit-min-device-pixel-ratio:0}{

tr { height: 30px; }}

//firefox

@-moz-document url-prefix() { tr { height: 40px; }}

高度没这个兼容写法吧？

height没有-webkit、-moz这样的前缀，height应该没有兼容性问题。你问的是p截图是tr，不知道你p里面的有没有其他元素，而且你确定不是内部元素原因。