美文网首页码神之路:CSS/CSS3篇网页前端后台技巧(CSS+HTML)
IE与chrome(以及其他浏览器)宽度兼容性问题

IE与chrome(以及其他浏览器)宽度兼容性问题

作者: luckyHarry4 | 来源:发表于2019-06-20 13:00 被阅读0次

前文

最近接到一个task,一个table表格在chrome上没有X轴的滚动条,但是在IE上就有了滚动条。
也是查了很久才想到解决办法,所以记录一下。

正文

先上解决方案:

.class{
  box-sizing: border-box;
}

这个问题的根本原因是在IE 与别的浏览器在计算宽度的时候方法不同

  • chrome计算宽度 单纯的就是定义的width的长度。
  • IE浏览器计算宽度则是用 width + padding + border

有关于box-sizing的资料:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing

相关文章

网友评论

    本文标题:IE与chrome(以及其他浏览器)宽度兼容性问题

    本文链接:https://www.haomeiwen.com/subject/ejsdqctx.html