移动端问题总结

1. 有时，通过审查元素并不会发现html有问题，但就是在屏幕中左右晃动，无法解决，这时候，其实是存在子元素溢出来了，所以加大了宽度。

　解决方法：给html或者是body添加overflow-x：hidden；这样就可以成功解决问题，但是问题是一旦设置了body的overflow-x:hidden；这时浏览器就会出现bug，无法获取其准确的offsetHeight。对于display为none的元素同样会有类似的问题，所以最好的解决方法是给html添加overflow：hidden。

 

2.flexible.js 有一个问题就是在移动设备为ipad 或者是 ipad pro时，其宽度不能正确的显示， 同pc一样，html的font-size为54px，pc当然可以这样，但是我认为适应ipad和ipad pro还是必要的，所以我们可以在flexible.js修改源码(width>540部分)来解决此问题，但是这样就不能用其cdn了，诶，不可兼得啊。

 

3.flexible.js 的字体推荐使用data-dpr为不同的值时设置相应的字体的形式，这样做的好处是：在不同dpr的浏览器下，字体的大小都不会改变。而如果字体也使用rem布局，那么当屏幕变大时，字体也会相应的变大，用户体验会很差，不推荐使用。

 

4.注意使用ajax时会有相应的延迟效应。 如func(); console.log(a)； 其中a的值是通过func()得到的，而func()还需要使用调用ajax，这时，有极大的可能性是 a 得不到正确的值，因为在还没执行完ajax请求时，就已经console.log(a)了，如果需要用a，我们可以在之后的一段时间里再使用a。 

 

5. 卓邦软件的主页做的很炫酷。