javascript - retina imac safari浏览器字体为什么会变大？

Question

在5k分辨率的imac上这个页面的字体会变大，chrome上是正常的。问题链接

不仅字体会变大貌似行高也会变乱，居中的字会靠下摆放，比如轮播图上面的导航文字。
谁知道是什么原因吗？怎么解决吗？

Answer 1

兼容性问题呗(可能是因为px)~

1. font-size改为 1rem;

2. 不使用line-height, 用padding-top, bottom去撑高度