首页 / 更多教程 / 移动端常见兼容性问题及解决办法

移动端常见兼容性问题及解决办法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了移动端常见兼容性问题及解决办法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含760字，纯文字阅读大概需要2分钟。

内容图文

    1. 当使用transform:translate3d(-50%,-50%,0)居中弹框（div）时，在pc端，内部的文字会模糊。
      解决办法：给body定义样式

                          
                        body{
     font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}

    2. 用position:absolute/fixed;把一个按钮固定在页面的底部，在android系统中，当调用输入法时，该按钮会被顶起
      解决办法：使用媒体查询@media screen and (max-width:400px){}当页面高度小于某一个值时，给元素一个top值

    3. IOS系统调用第三方输入法时，系统无法监测到input的input、focus、change、blur事件
      解决办法:计算input值的length的长度，判断input的值是否变化

    4. 不同浏览器默认margin，padding不同。

                          *{margin:0;padding:0;}
    5. 不同浏览器的最小字体不同，有的是10px，有的是12px
      解决办法：设置字体时，不要小于12px,如果一定要小于12px，使用transform:sacle()进行缩放
    6. 透明度opacity
      解决办法：IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)
    7. 文字两端居中text-align：justify；text-align-last：just；在移动端不起作用
      解决办法：使用&#160；代替空格

原文：http://www.cnblogs.com/crazycode2/p/6624742.html

内容总结

以上是互联网集市为您收集整理的移动端常见兼容性问题及解决办法全部内容，希望文章能够帮你解决移动端常见兼容性问题及解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1240223.html

来源：【匿名】