Html 在调整页面大小之前，iframe不会加载到css列中

演示：

我有一个3列的布局，里面满是卡片，其中一个包含谷歌地图iframe。当页面加载时，iframe会跳出顺序并显示为在调整窗口大小之前不存在列，然后跳回原位

HTML

如加载时所示

调整大小后

---

如果我把它作为css，它对我来说很好。用这个替换你的代码，有时候会有用

-webkit-columns:  3; /* Chrome, Safari, Opera */
-moz-columns: 3; /* Firefox */
columns: 3;

---

修正了这些，同样的问题也会发生

.columns {
  -webkit-columns: 3;
}
.box {
  height: 200px;
  width: 200px;
}
.map {
  width: 100%;
}

-webkit-columns:  3; /* Chrome, Safari, Opera */
-moz-columns: 3; /* Firefox */
columns: 3;