Fatal编程技术网
  • css/
  • Css Flexbox（显示：flex）在iOS 13上不工作

Css Flexbox（显示：flex）在iOS 13上不工作

css

Css Flexbox（显示：flex）在iOS 13上不工作,css,flexbox,mobile-safari,ios13,Css,Flexbox,Mobile Safari,Ios13,问题发生在使用iOS 13的Safari浏览器上 该页面是一个使用Bootstrap4和AngularJS的静态html 这是代码的链接 这里有一个可测试的链接（以防万一） 行为如下所示： 你用#1（或2）点击图片，并在滑块上着陆 点击返回 你会注意到有些风格已经崩溃了 如果您检查它，您可以看到问题来自类。行： .row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: w

问题发生在使用iOS 13的Safari浏览器上

该页面是一个使用Bootstrap4和AngularJS的静态html

这是代码的链接

这里有一个可测试的链接（以防万一）

行为如下所示：

  • 你用#1（或2）点击图片，并在滑块上着陆
  • 点击返回
  • 你会注意到有些风格已经崩溃了
如果您检查它，您可以看到问题来自类
。行
：


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


通过在
显示：flex中添加一个空格
然后将其删除，类将恢复生命：



为什么会有这种行为？我该如何解决