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

【问题标题】：Why on pc on chrome the spaces between content are ok but on mac on chrome the spaces are not correct为什么在 chrome 上的 pc 上内容之间的空格可以，但在 chrome 上的 mac 上，空格不正确
【发布时间】：2017-06-25 21:15:36
【问题描述】：

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

这是电脑：

这是在 MAC 上：

【问题讨论】：

在 Mac 上似乎有不同的字体，您是否使用换行符生成了该页边距？
@JamesHunt 不，我没有
尝试在 PC 和 Mac 之间为其提供一致的字体，在 Mac 上字体大小似乎更大，这可能是您的内容丢失的原因。
@JamesHunt 是的，但我应该使用什么样式
粘贴你的示例代码

标签： html css macos google-chrome

【解决方案1】：

试试这个

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：