是由于这两个浏览器对于某些CSS属性的支持不完善所导致的。具体来说,Bootstrap 4中使用了CSS属性flex
来实现响应式布局,而IE11和Microsoft Edge对于flex
属性的支持存在一些问题。
为了解决这个问题,可以采取以下几种方法:
container
、row
和col
等类,可以轻松地创建具有自适应列宽的布局。这种方法可以避免使用flex
属性,从而解决IE11和Microsoft Edge中的兼容性问题。-ms-flexbox
来替代flex
属性,或者使用-webkit-box
和-ms-flexbox
等属性来实现类似的效果。但是需要注意的是,使用CSS Hack可能会导致代码的可读性和可维护性降低,因此建议在使用之前仔细评估。flex
属性的Polyfill库来解决IE11和Microsoft Edge中的兼容性问题。这些库会在不支持flex
属性的浏览器中自动添加必要的CSS和JavaScript代码,以实现类似的效果。常见的Polyfill库包括flexibility
和flexie
等。总结起来,解决IE11和Microsoft Edge中的Bootstrap 4表列宽格式不正确的问题可以采取使用Bootstrap的Grid系统、使用CSS Hack或者使用Polyfill库等方法。具体选择哪种方法取决于项目的需求和开发团队的技术栈。
领取专属 10元无门槛券
手把手带您无忧上云