菜鸟教程小白 发表于 2022-12-13 13:00:34

ios - Safari、iPhone 5 和移动浏览器 Webviews 不支持 flex Css


                                            <p><p>那些是 HTML:</p>

<pre><code>&lt;div class=&#34;btn-toolbar text-center&#34; role=&#34;toolbar&#34;&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 1&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 1111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 111111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 1111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 1111111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 111111111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11111111111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 11111&lt;/a&gt;
      &lt;a href=&#34;#&#34; class=&#34;btn btn-success&#34;&gt;Link 1&lt;/a&gt;
    &lt;/div&gt;
</code></pre>

<p>那些是 CSS:</p>

<pre><code>.btn-toolbar{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
-webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.btn-toolbar .btn{
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
</code></pre>

<p>flex Css 不支持 Safari、iPhone 5、IOS 6 和移动浏览器 Webviews。我使用浏览器支持，但它仍然无法正常工作。请提供任何解决方案。我不想使用任何固定宽度。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><pre><code>.btn-toolbar{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
-webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.btn-toolbar .btn{
-webkit-box-flex-grow: 1;
-moz-box-flex-grow: 1;
-webkit-flex-grow: 1;
      -ms-flex-grow: 1;
          flex-grow: 1;
}
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于ios - Safari、iPhone 5 和移动浏览器 Webviews 不支持 flex Css，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/35529878/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/35529878/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - Safari、iPhone 5 和移动浏览器 Webviews 不支持 flex Css