IOS 8下下九宫格显示问题

[zenjava]

欢迎你为 Amaze UI 添砖加瓦。

• 如果你想反馈 bug 或者使用问题，请务必按照以下格式提交，以便问题定位和解决，节省来回问答的时间；
• 如果你不熟悉 Markdown 语法，请先阅读 Mastering Markdown；
• 如果你不知道如何上传文件，请参考 File attachments on issues and pull requests，或者留意一下输入框底部的小字 Attach files by dragging & dropping, selecting them, or pasting from the clipboard.，点击 selecting them 也可以上传；
• 最后，请在提交 issue 之前删除提示性的文字，包括本行及以上部分，以及下面括号中的内容。

问题描述

九宫格显示问题

产生环境

• 设备及型号： iphone5s

• 操作系统及版本： ios8.1

• 浏览器及版本：（一般在浏览器「帮助」或者「关于」里面）

• 演示地址：（请尽量提供可在线查看的演示地址）

• 问题截图/录屏：

  （截图和录屏有助于我们更直观的理解你想表达的问题。如果需要，你可以使用 LICEcap 录制 GIF 动画）

复现步奏

...

[zenjava]

请在所有flex的配置上全部加上 -webkit-

[zenjava]

CSS 自动前缀加上 IOS >6 ，测试在IOS7 IOS8 都会有问题。 autoprefixer({browsers: ['> 1%', 'last 2 versions', 'ie 10', 'iOS > 6']})

[zenjava]

目前来看使用webpack进行打包的时候，进行压缩的时候会出现删除-webkit-flex的情况。这个是webpack的BUG。估计得在WEBPACK 2才能修复. https://github.com/webpack/webpack/issues/2543

[fuxiaohei]

我用 webpack 在处理 sass 时候 css-loader?minimize&-autoprefixer!postcss-loader!sass-loader 这样可以规避这个问题

[zenjava]

还有一个问题，就是导航栏上的位置错误。 Nav 中使用了left 或者right 属性，文字无法正确对齐