如何在safari中使用flex？

Question

我尝试在Safari中使用柔性 - 但有问题的时候使用 柔性0 0 20％，在同一行与其他Flex容器 - Safari浏览器总是显示我5元，但没有包/

<style> 
html { 
    width: 800px; 
} 
*, *:before, *:after { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 
.brand { 
    display: flex; 
    width: 100%; 
} 
.brand-info { 
    flex: 1; 
} 
.brand-list { 
    flex:2; 
    max-width: 100%; 
} 
.brand-list-items { 
    display: flex; 
    flex-wrap: wrap; 
    max-width: 100%; 
} 

.brand-list-items img { 
    flex: 0 0 20%; 
} 

</style> 

    <div class="brand"> 
    <div class="brand-info"> 
    base info 
    </div> 
    <div class="brand-list"> 
     <div class="brand-list-items"> 
     <img src="https://placehold.it/300" alt=""> 
     <img src="https://placehold.it/300" alt="">   
     <img src="https://placehold.it/300" alt="">   
     <img src="https://placehold.it/300" alt="">   
     <img src="https://placehold.it/300" alt="">   
     </div> 
    </div> 
</div> 

https://jsfiddle.net/betasap/r3hm86zq/

Answer 1

这是safari中的一个错误，虽然它已经在旧版本的最新版本中修改为更改。

.brand-list-items img { flex: 0 0 10em; }