html - 浏览器之间的差异

Question

我有一个问题。我想知道如何解决以下示例:

我用“div”标签创建 html 页面，在浏览器中看起来不一样......

CSS 代码:

*{
    margin:0;
    padding:0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

@font-face{
    font-family:myFont;
    src:url('PTN57F.ttf');
}

body{
    background:#f5f5f5;
}

.content{
    width:200px;
    height:30px;
    background:#EEE;
    border:1px solid #CCC;
    margin:auto;
    margin-top:40px;
    font-size:16px;
    font-family:myFont;
    text-align:center;
}

浏览器不同:

问题在于字体粗细和填充。有什么解决办法吗？

Answer 1

不同的浏览器/系统有不同的渲染引擎，因此它们渲染的输出会有所不同。没有人认真对待 webdev 会提示它。事情就是这样 - 处理它:)