移动端页面开发遇到的问题

最近做移动端页面开发，在微信和qq上测试遇到了许多意想不到的问题。

问题

• 开始使用的flexbox新版语法，都做了几个页面了，在微信上测试就错位了，原来是微信QQ使用使用的腾讯自己的X5内核的浏览器。该浏览器不支持flex-wrap:wrap宽度不够自动换行的语法。
• 后来通过浮动的方式来调整自动换行的问题，结果又遇到有朋友的手机是ios6的系统，打开页面一片惨淡。后来查阅到，ios8以下的系统不支持flexBox新版语法，只能用旧版语法。没办法，只能写兼容性语法了。
• 但是发现写兼容性语法很恼火，又要改之前的代码。就另谋出路，采用了bootstrap的栅格化系统，开发起来挺顺畅的。
• X5内核是不支持border:0.5的。

总结

• 现在做移动端页面开发并且要求照顾到大多数的移动设备的话，不要使用flexbox，要等主流浏览器都支持了再说。目前最好使用的就是栅格化页面。