移动端页面开发遇到的问题
2016-12-22 14:18
387 查看
最近做移动端页面开发,在微信和qq上测试遇到了许多意想不到的问题。
后来通过浮动的方式来调整自动换行的问题,结果又遇到有朋友的手机是ios6的系统,打开页面一片惨淡。后来查阅到,ios8以下的系统不支持flexBox新版语法,只能用旧版语法。没办法,只能写兼容性语法了。
但是发现写兼容性语法很恼火,又要改之前的代码。就另谋出路,采用了bootstrap的栅格化系统,开发起来挺顺畅的。
X5内核是不支持border:0.5的。
问题
开始使用的flexbox新版语法,都做了几个页面了,在微信上测试就错位了,原来是微信QQ使用使用的腾讯自己的X5内核的浏览器。该浏览器不支持flex-wrap:wrap宽度不够自动换行的语法。后来通过浮动的方式来调整自动换行的问题,结果又遇到有朋友的手机是ios6的系统,打开页面一片惨淡。后来查阅到,ios8以下的系统不支持flexBox新版语法,只能用旧版语法。没办法,只能写兼容性语法了。
但是发现写兼容性语法很恼火,又要改之前的代码。就另谋出路,采用了bootstrap的栅格化系统,开发起来挺顺畅的。
X5内核是不支持border:0.5的。
总结
现在做移动端页面开发并且要求照顾到大多数的移动设备的话,不要使用flexbox,要等主流浏览器都支持了再说。目前最好使用的就是栅格化页面。相关文章推荐
- 移动端页面开发遇到的一些问题
- WIN7下.Net开发遇到的又一问题:HTTP 错误 500.19 - Internal Server Error,无法访问请求的页面,因为该页的相关配置数据无效。
- EF更新,数据库值变化,前台页面并不变化,刷新也不变化,重新运行程序则变化----开发中遇到的问题(已解决)
- 移动端H5页面遇到的问题总结
- 用jQuery模仿淘宝开发购物车的思路、遇到的技术问题、源代码--着重讲页面的设计
- 移动端H5页面遇到的问题总结
- 关于 weChat 页面开发过程中遇到的问题总结
- 移动端web页面开发中遇到的三个“小坑”
- 移动端H5页面遇到的问题总结
- 移动端H5页面遇到的问题总结
- 移动端开发遇到的问题(全)
- 移动端页面开发问题总结
- eclipse+tomcat开发web页面遇到问题汇总
- 闪屏页面开发遇到的问题you need to use a theme.appcompat theme (or descendant)
- 移动端web开发之坑--自适应布局下的返回页面位置定位问题
- WIN7下.Net开发遇到的又一问题:HTTP 错误 500.19 - Internal Server Error,无法访问请求的页面,因为该页的相关配置数据无效。
- 今天遇到一问题:用eclipse+tomcat开发网页的时候,每次修改jsp页面都需要重启服务器,不重启会报错
- 闪屏页面开发遇到的问题you need to use a theme.appcompat theme (or descendant)
- 总结移动端页面开发时需要注意的一些问题
- 移动端H5页面遇到的问题总结