如何在Chrome中使用CSS填充但在Firefox或Safari中不起作用？

Question

我在localhost中完成了初始代码，只是将文件迁移到我的linode。 Google Chrome似乎无法识别我在主要设置中放置的CSS填充设置。 Firefox和Safari似乎没有渲染它的程序。

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

请试试这个：

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