Html 为什么在chrome上的pc上，内容之间的空格可以，但在mac上的chrome上，空格不正确

我有我的本地小页面，我有两个内容，在pc上，页边距看起来正是我想要的，但在mac上，页边距的样式看起来像是丢失了。那么我应该为正确的工作添加什么呢。在mac上

这是个人电脑：

这是在MAC上：

---

我认为您需要重置设置。每个浏览器都有自己的设置，您可以做的最好的事情就是重置它们。我建议您首先尝试以下简单的CSS规则：

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

当然，也要使用相同的字体。在您的屏幕截图中，它们明显不同。

试试这个

p {
    box-sizing: border-box;
    margin: 0px;
}      

---

看起来像一个字体渲染的东西。在屏幕截图上，我看到两种不同的字体和两种不同的字体大小。您应该使用两个系统都支持的字体。也许你可以试试谷歌字体。Roboto总是一个不错的选择。

在Mac电脑上似乎有不同的字体，你用换行符产生了那个边距吗？@JamesHunt不，我没有尝试在PC和Mac电脑之间给它一个一致的字体，在Mac电脑上，字体看起来更大，这可能是你的内容丢失的原因。@JamesHunt是的，但是我应该使用什么样式？粘贴你的示例代码