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. 卓邦软件的主页做的很炫酷。