问题一、非 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 节点上是无效的。
以下是关闭特性后的效果截图：
立即学习“前端免费学习笔记（深入）”；
暂时只发现以上两条，如有其他问题会继续补充，欢迎跟帖反馈：）
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3107487.html
