私はphonegapを使ってアプリを開発しています。プレイフィールドでフレックスボックスを使用したかったのですが、次の問題があります。
Chrome、Mozilla、android 4.4- http://i.stack.imgur.com/1aunA.jpg
android-2.x-4.3.x- http://i.stack.imgur.com/yqIf0.jpg
playfield {
width: 408px;
height: 408px;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: space-around;
-moz-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
playitem {
width: 100px;
height: 100px;
margin: 0px;
padding: 0px;
background-color: #EEEEEE;
border-collapse:
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-o-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-o-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
line-height: 100px;
text-align: center;
color: #EEEEEE;
}
この問題を解決するのを手伝ってください;(
今日のほとんどのネイティブモバイルブラウザで最新のフレックスボックス構文を使用できます。つまり、phonegapビューでも機能します。
Android 4.1、4.3、Safari 5.1では古いフレックスボックスを使用でき、IE10では2012構文を使用できます。
プレフィックスとold / 2012構文を自動的に設定する場合は、autoprefixerを使用できます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加