我尝试使用项目创建网格并面临此问题:(代码在这里：codepen） 网格项重叠并忽略边距，你可以在模拟器的附加屏幕截图中看到，在电视上它是相同的。
我在其他浏览器（ff，chrome，chrome，opera，safari）中尝试过该编程，并且它们都没有重叠网格项。
我认为display: flex可能是原因，但它接缝工作正常，没有网格项目＆＃39; div正确地在彼此之上。
任何建议表示赞赏！
答案 0 :(得分：0)
我也直接在webos tv论坛上发布了这个问题，我得到了这个答案：
这是旧版Chrome的错误。如果减小宽度 从384到340或更低的网格行项目，将显示 一般。有关您的信息，您可以使用较低的值进行测试 铬浏览器版本比＃44这里： https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win/299976/
它做了那个技巧，但我也不得不减少页面上显示的元素数量。当我在浏览器窗口的可见区域之外有div时，这个问题又重复了 - 这是因为我旋转了包含这些div的数据的底层数组（在一个固定的聚焦元素下模拟移动网格）。