魅族手机浏览器兼容性调优最佳实践
2015-11-13 16:28
288 查看
问题一、非 position:absolute 容器 height:100% 不生效,导致 bottom 定位错位
截图1:容器实际高度渲染为0截图2:
节点1 样式中包含了 position:relative ; height:100%; 但在魅族手机浏览器中高度被渲染为0
节点2 定义了 bottom:-140px; 定位出错
解决方案:
1、节点1使用 position:absolute2、或 height 写死为父容器 高度
3、或 节点2 使用 top 定位,为了兼容ie浏览器尽量使用 top 代替 bottom 也是一条最佳实践
问题二、魅族手机浏览器中部分段落文字字号会被自动放大
这个是魅族手机浏览器(优化阅读体验)的特性,当页面的 contentWidth 大于 800px 时会被浏览器视为PC版页面,从而触发该逻辑。
关闭该特性的方法是,在最外层的div节点上加上 class="copyr" ,其节点内所有子节点将关闭自动放大字号的特性。需要注意的是加 body 节点上是无效的。
以下是关闭特性后的效果截图:
暂时只发现以上两条,如有其他问题会继续补充,欢迎跟帖反馈:)
相关文章推荐
- Object-C 自学笔记 - 1
- 禁止右键
- 【04】 CSS开发注意事项
- 【原创】揭秘_APIX_的高性能网关架构
- Serializable
- hive安装使用
- 微信语音输入不仅仅是懒癌患者的福音
- Android setResult()的调用时机
- linux set http proxy environment variable
- UML 建模
- iOS推送&PHP后台
- android studio Cause:failed to find target with hash string 'android - 17' in...
- 计算机历史
- 详解Objective-C中委托和协议
- 记录《QMWS》服务器性能优化过程
- Maven 配置tomcat和findbug插件(在eclipse建立的项目中)
- 单播、多播和广播
- Class-Specific Hough Forests for Object Detection
- Sublime Text快捷键
- 今年暑假不AC