我有一个web应用程序，在Chrome和Firefox中呈现完美，但在Safari中看起来完全无法理解。我认为这是由于Safari如何处理填充、magin等的rem单位。
我将CSS中的html和root的字体大小设置为6.25%，这使得16px的默认字体大小将rem转换为1px(即10rem变为10px)。然后我用rem单位指定所有大小。我这样做是因为网上的一些资源建议这是一个很好的策略，到目前为止，它对我很有帮助。
然而，在Safari(14.1.2，几乎可以肯定之前，我从来没有在Safari上测试过)中，它似乎只缩放字体大小。所有的边距，边距等等实际上都比它们应该的大9倍。例如，我指定一个边距为14rem 16rem 14rem 16rem, Safari会将其渲染为126px 144px 126px 144px，这会使所有内容大规模扩展，并使页面无法查看。但是，字体大小是准确的。
设置margin: 1px 1px 1px 1px等在我的htmlCSS类似乎没有工作。
我如何最好地解决这个问题?
也许这是Safari设置最小字体大小的一些问题。Safari不允许字体"太小"，所以我猜你的缩放在Safari中不像预期的那样工作。
这里讨论过:媒体查询问题:Safari不缩放REM中的元素