• 移动端问题总结


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

  • 相关阅读:
    关于input输入框placeholder属性的样式问题
    关于input输入框checkbox类型的样式问题
    三层构架
    盒模型
    line height
    sql
    继承
    对象
    正则表达式
    事件
  • 原文地址:https://www.cnblogs.com/zhuzhenwei918/p/6395973.html
Copyright © 2020-2023  润新知