• 魅族手机浏览器兼容性调优最佳实践


    问题一、非 position:absolute 容器 height:100% 不生效,导致 bottom 定位错位

    截图1:容器实际高度渲染为0

    截图2:

    节点1 样式中包含了 position:relative ; height:100%; 但在魅族手机浏览器中高度被渲染为0
    节点2 定义了 bottom:-140px; 定位出错

    解决方案:

    1、节点1使用 position:absolute
    2、或 height 写死为父容器 高度
    3、或 节点2 使用 top 定位,为了兼容ie浏览器尽量使用 top 代替 bottom 也是一条最佳实践

    问题二、魅族手机浏览器中部分段落文字字号会被自动放大

    这个是魅族手机浏览器(优化阅读体验)的特性,当页面的 contentWidth 大于 800px 时会被浏览器视为PC版页面,从而触发该逻辑。
    关闭该特性的方法是,在最外层的div节点上加上 class="copyr" ,其节点内所有子节点将关闭自动放大字号的特性。需要注意的是加 body 节点上是无效的。

    以下是关闭特性后的效果截图:

    暂时只发现以上两条,如有其他问题会继续补充,欢迎跟帖反馈:)

  • 相关阅读:
    OCP-052考试题库汇总(35)-CUUG内部解答版
    OCP-052考试题库汇总(34)-CUUG内部解答版
    018 ThreadLocal实现线程安全
    017 无锁与CAS
    016 原子类
    015 可见性问题与volatile
    014 锁重入
    013 synchronized的优化
    012 内置锁和synchronized
    011 线程安全性问题
  • 原文地址:https://www.cnblogs.com/kaiye/p/4962464.html
Copyright © 2020-2023  润新知