问题背景

在137版本的chrome下大屏展示没有异样，如图所示：

但是在360浏览器上查看大屏一些块的宽高和间距都没用，如图：

问题排查

可以看到360使用的是69版本的chromium，直接下载69版本的chromium进行调试，下次地址：https://vikyd.github.io/download-chromium-history-version/#/，打开69版本的chromium如图：

兼容问题：

• flex布局下的gap属性无效

处理方法：给不同的块添加margin实现相同的效果inset属性

• inset属性无效

inset 对应 top: 0; lfet: 0; right: 0;bottom: 0;

处理方法：使用left、top、tansform等属性实现居中效果

• flex: auto没生效

处理方法：添加height：1px或者width：1px，才能生效