84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
The height of the p element is displayed differently in Google and Firefox browsers. I want to use css hack to solve it.
But these two pieces of code don't work. Can someone explain it to me? . .
//google
@media screen and (-webkit-min-device-pixel-ratio:0}{
tr { height: 30px; } }
//firefox
@-moz-document url-prefix() { tr { height: 40px; } }
Isn’t this compatible way of writing height?
Height does not have prefixes like -webkit or -moz, so there should be no compatibility issues with height. What you are asking about is that the p screenshot is tr. I don’t know if there are other elements in your p, and you are sure it is not due to internal elements.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
@media screen and (-webkit-min-device-pixel-ratio:0}{
//firefox
Isn’t this compatible way of writing height?
Height does not have prefixes like -webkit or -moz, so there should be no compatibility issues with height.
What you are asking about is that the p screenshot is tr. I don’t know if there are other elements in your p, and you are sure it is not due to internal elements.