小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在其他手机样式都正常，在iphone6就样式错乱，使用
-webkit-兼容也无效
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请问解决了吗，我也遇到这个问题了
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
iPhone 6手机系统是10以下的吧？
那建议你做下兼容：
flex布局分为旧版本dispaly: box；过渡版本dispaly: flex box；以及现在的标准版本display: flex；
Android
2.3 开始就支持旧版本display:-webkit-box;
4.4 开始支持标准版本display: flex;
IOS
6.1 开始支持旧版本display:-webkit-box;
7.1 开始支持标准版本display: flex;
PC
ie10开始支持，但是IE10的是-ms形式的
二、解决
注意：把旧语法写在底下（ps：css向下兼容），否则无效
盒子写法
display:-webkit-flex; /* 新版本语法: Chrome 21+ */
display:flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
display:-webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
子元素写法
/-webkit-box-flex:1 /* OLD - iOS 6-, Safari 3.1-6 */
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
在其他手机样式都正常，在iphone6就样式错乱，使用
请问解决了吗，我也遇到这个问题了
iPhone 6手机系统是10以下的吧？
那建议你做下兼容：
flex布局分为旧版本dispaly: box；过渡版本dispaly: flex box；以及现在的标准版本display: flex；
Android
2.3 开始就支持旧版本display:-webkit-box;
4.4 开始支持标准版本display: flex;
IOS
6.1 开始支持旧版本display:-webkit-box;
7.1 开始支持标准版本display: flex;
PC
ie10开始支持，但是IE10的是-ms形式的
二、解决
注意：把旧语法写在底下（ps：css向下兼容），否则无效
盒子写法
display:-webkit-flex; /* 新版本语法: Chrome 21+ */
display:flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
display:-webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
子元素写法
/-webkit-box-flex:1 /* OLD - iOS 6-, Safari 3.1-6 */