一样的 css ，但是 WINDOWS跟 MAC就是长的不一样？

Question

    display: inline-block;
    color: #979797;
    background: #fff;
    border-radius: 5px;
    border: 1px #979797 solid;
    font-weight: 500;
    padding: 3px 10px;
    font-size: 12px;
    margin-bottom: 7px;

这是在WINDOWS长的样子

这是在 MAC长的样子

一样的语法，请问要如何使 WINDOWS 也一样呢？

另一个问题是

    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;

WINDOWS 的样子：

MAC正常，就是不会有 SCROLL，因为内容没有溢出....
但是在WIDDOWS他就是会有一条SCROLL，神奇的是移过去里面的区块SCROLL就会消失
请问是哪里缺少了甚么呢

Answer 1

第一个问题，设置一下 height 和 line-height

Answer 2

字体导致的问题。请设置两个平台都有的字体