不同内核的渲染机制造成的字体差异问题。

clipboard.png

谷歌火狐中字体是这样子的

clipboard.png
IE中是这样子的。长度明显不一样

clipboard.png
字体如下

clipboard.png

HTML是另外一种字体。

虽然谷歌火狐中看着一样但是CSS模型中还是会有1PX宽度的差距,
里面有子元素固定定位 后面的当行标题多的话,宽度会累计更多
定位元素在不同浏览器上显示的位置就不一样了。
@font-face我也用了。
但是解决不了问题。
求大神解决。
PS:三个月前提的问题当时没解决。到现在还没解决

阅读 2.5k
1 个回答

可以使用CSS的reset技术先格式化一下字体

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题