我有一个问题。我想知道如何解决以下示例:
我用“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;
}
浏览器不同:
问题在于字体粗细和填充。有什么解决办法吗?
最佳答案
不同的浏览器/系统有不同的渲染引擎,因此它们渲染的输出会有所不同。没有人认真对待 webdev 会提示它。事情就是这样 - 处理它:)
关于html - 浏览器之间的差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21356637/