http://dev-lbs.vaimo.com/building-materials/bricks(这是一个开发环境网站)
产品网格适用于Chrome和Firefox,但不适用于Safari。它以两种方式打破:
.products-grid:display:flex; - Flex似乎在第一个项目的左侧添加了一点空间,导致第一行将最后一个项目放到下一行
物品高度彼此不匹配。这似乎打破了.item> div样式 - 这个div应该占据.item框的整个高度,项目的.product-info部分越来越高,以占用任何多余的空间。
我已经搞砸了一段时间但却无法到达任何地方。我希望它可能只是添加类似于' min-width'在某个地方,只是Safari如何处理事情的一些奇怪的怪癖。有人曾经遇到过Safari的这类Flex问题,谁可能知道问题的原因?
由于