ios - 无法在 iPad 上水平显示 AngularJS 材质复选框，但可以在桌面上使用

Question

我遇到了 AngularJS flex 的问题。在 iPad 上，它是垂直显示的，但在开发者工具中的 Chrome iPad 模式下，它可以正确显示。

不知道我做错了什么，还是我需要考虑其他一些方法？flex 不能在 iPad 上工作吗？我在 iPad 上尝试了 Safari 和 Chrome 浏览器，它们显示的内容相同。

项目在 Chrome 开发者模式 iPad 模式下正确显示

项目在 ipad 上垂直显示

        <md-card style="width: 98%;" ng-repeat="x in survey | orderBy:'qn'">
        <md-card-title>
            <md-card-title-text>
                <span class="md-headline">{{ x.txt }}</span>
            </md-card-title-text>
        </md-card-title>
        <md-card-content>
            <div ng-if="x.qType == 'check'" layout="row" layout-wrap >
                <div ng-repeat="y in x.op" flex="50">
                    <md-input-container>
                        <md-checkbox ng-model="chkbx" aria-label="{{y.optionID}}" ng-click="click(y)" >
                                <img src="{{ y.optionIcon }}" style="{{y.style}}">
                        </md-checkbox>
                    </md-input-container>
                </div>   
            </div>
        </md-card-content>
    </md-card>

标签： iosangularjsmacoscheckboxflexbox

Answer 1

原来是iOS WebKit引擎的问题，之前没有更新我的iOS版本，更新后效果很好。