在创建文本周围的方框装饰时，我遇到了一个问题，下面的两个屏幕截图很好地描述了这个问题。

第一个是在MacOS上的Chrome中呈现的所需状态——不完美，但更好。第二个是在Windows上的Chrome中呈现的错误状态。

我认为这是因为在两个操作系统中呈现的字体高度不同。

这是我用来实现盒子背景的CSS：

<代码>.is-hero-title{字体大小：4rem；字母间距：-0.02em；字体粗细：500；线高：1.53；@-Moz-document URL-prefix（）{线高：1.25；}跨度{背景：$白色；颜色：$原色；-webkit-box-decoration-break：克隆；-ms-box-decoration-break：克隆；-o-box-decoration-break：克隆；box-decoration-break：克隆；显示：内联；填充：10px；}}

顺晟科技：