html - css flexbox wrap 属性在 ios6 上不起作用
<p><p>我现在正在处理我的元素，所以我决定使用 <code>flexbox</code> 而不是 <code>float</code>。它对我来说很好，但我发现 <code>display:flex</code> 在旧 iphone (ios 6.1) 上不起作用。所以我添加了</p>
<pre><code>display: -webkit-box;
</code></pre>
<p>Flex 属性现在可以使用，但所有元素都排成一排。我创建了一个简单的 <a href="http://jsfiddle.net/fkuk3zL7/5/" rel="noreferrer noopener nofollow">fiddle</a> , 来说明问题。
我还制作了两张截图，以展示它在 PC 和 iPhone 上的工作原理。</p>
<p>电脑:<a href="/image/fOG4U.png" rel="noreferrer noopener nofollow"><img src="/image/fOG4U.png" alt="enter image description here"/></a> </p>
<p>iPhone:<a href="/image/Dec9e.png" rel="noreferrer noopener nofollow"><img src="/image/Dec9e.png" alt="enter image description here"/></a> </p>
<p>如你所见 <code>-webkit-flex-wrap: wrap</code> 不起作用。</p>
<p>有人知道如何解决这个问题吗？
希望对您有所帮助。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>支持 <a href="http://www.w3.org/TR/css-flexbox-1/" rel="noreferrer noopener nofollow">current flexbox specification</a>在 iOS 中直到 iOS 7.0 才开始。</p>
<p>iOS 3.2 - 6.1 支持 <a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/" rel="noreferrer noopener nofollow">old flexbox specification</a>并且<em>不支持换行</em>。</p>
<p>在此处查看浏览器支持数据:<a href="http://caniuse.com/#search=flexbox" rel="noreferrer noopener nofollow">http://caniuse.com/#search=flexbox</a> </p></p>
<p style="font-size: 20px;">关于html - css flexbox wrap 属性在 ios6 上不起作用，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/33197129/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/33197129/
</a>
</p>
页:
[1]