How to make CSS padding work in Chrome but not in Firefox or Safari?

Question

I've finished my initial code in my localhost and just migrated the files to my linode. Google Chrome doesn't seem to recognize the CSS padding settings I've placed in my main settings. Firefox and Safari does not seem to have a program rendering it.

 main.main { padding-top: 50px; } 

 <main class="main"> <h1>Sometext</h1> </main> 

Answer 1

试试这个

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

Answer 2

Please try this:

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    main.main {
  padding-top: 50px;
}
}