移动端常见兼容性问题及解决办法
移动 常见 解决办法 兼容性问题
2023-09-11 14:15:30 时间
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;在移动端不起作用
解决办法:使用 ;代替空格
相关文章
- 立志做一个最好用的移动端图片裁剪插件
- Appium移动自动化测试(三)--安装Android模拟器
- 移动设备常用代码
- 移动网页设计9大原则——第1部分
- 程序员的算法趣题Q58: 丢手绢游戏中的总移动距离
- 时间序列教程 四、自回归和移动平均模型
- 企业级移动应用如何优化域名解析和业务访问?
- 如何在 SAP UI5 应用中集成第三方库 :一个在移动设备上查看 Web 应用打印调试信息的小技巧
- JS制作跟随鼠标移动的图片
- 【MATLAB】基于MATLAB实现沿曲线移动的小球
- 一文了解如何使用移动应用安全组件Soot和Flowdroid
- AppCan中标首都机场移动平台项目
- [背景分离] 识别移动物体基于高斯混合 MOG
- 通过jquery库扩展移动端‘长按触发’事件(模拟浏览器‘长按识别二维码’功能)