引导4 + Autoprefixer =无效的旧的iPad

.row { 
 
    display: -webkit-box; 
 
    display: -ms-flexbox; 
 
    display: flex; 
 
    -ms-flex-wrap: wrap; 
 
    flex-wrap: wrap; 
 
    margin-right: -15px; 
 
    margin-left: -15px; 
 
}

所以...一个奇怪的问题位。我们最近在我的公司采用了Bootstrap 4和Flex模型，当Bootstrap和Autoprefixer协同工作时，我们注意到了一些奇怪的现象。

具体来说，iPad 8或以下的版本只是没有任何。我知道错误的具体属性，它是display: -webkit-box;。我可以将/* autoprefixer: off */添加到有故障的选择器（.row）中，以防止该类上的所有自动修复，但我真的不想更改引导程序的核心文件，并且我认为将剩下的其他浏览器支持的前缀。

我想不出优雅地重写/删除display: -webkit-box属性的方法。观众的任何想法？ autoprefixer中是否存在我缺少的自定义内容？解决方案提前感谢！

来源

2017-08-08 Mike Legacy

可能指导意见：https://stackoverflow.com/q/35137085/3597276 –

非常感谢老兄！ –

发现它，它正好在我面前，就像我想的那样。

Autoprefixer有您可以添加到吞气任务的选项：

flexbox: "no-2009",

添加这一点，它使-ms-flexbox和-ms-flex-wrap属性并删除display: -webkit-box之一。

希望这可以帮助任何人在未来挣扎。

勾选 “禁用” 部分GitHub的自述文件Autoprefixer： https://github.com/postcss/autoprefixer#disabling

来源

2017-08-08 18:12:24

引导4 + Autoprefixer =无效的旧的iPad

回答

相关问题