zoukankan      html  css  js  c++  java
  • 移动端问题总结

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

  • 相关阅读:
    Ubuntu20安装docker
    ubuntu 下mysql 大小写问题
    Tensorflow-常见报错解决方案
    迁移学习(Transfer Learning)
    c#的托管代码和非托管代码的理解
    .net面试题升级版
    ADO.NET知识点
    支持“WeShopDb”上下文的模型已在数据库创建后发生更改。请考虑使用 Code First 迁移更新数据库
    .net 面试题
    6、zookeeper应用场景-分布式唯一ID
  • 原文地址:https://www.cnblogs.com/zhuzhenwei918/p/6395973.html
Copyright © 2011-2022 走看看