在我的应用程序中，我正在设置：
html {
font-family: 'Source Sans Pro',"Helvetica Neue",sans-serif;
}
我将边框宽度设置为0.1rem，现在我注意到在Chrome中将宽度设置为1.6px，在Safari中将其设置为1px。
Safari和Chrome中的文本显示为相同大小，为什么线条的宽度呈现不同？
我在某些网站上看到设置字体大小：100％。作为一种好习惯，我应该设置这个吗？
还有一个问题。以这种方式用rem设置边框宽度是否对我不利？我正在使用rem，因为应用程序中的所有内容都使用rem，所以我想保持相同。
最佳答案
如果希望rem度量相对于特定像素大小，则需要为font-size标记的html属性指定该大小。否则，rem度量将相对于每个单独的浏览器设置中指定的默认字体大小。
html{
font-size:16px;
}
p{
border-width:.1rem; /* =1.6px */
}
另外，请考虑以下事实：different browsers round numbers differently。
关于html - 0.1 rem边框宽度在chrome和safari上呈现不同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33997943/