原文:PC端/移动端常见的兼容性问题总结

移动端: 安卓浏览器看背景图片,有些设备会模糊,原因是手机的分辨率太小 解决方案: 用 X图片来代替img标签,然后background size: contain 防止手机中页面放大或缩小: 在meta中设置viewport user scalable no 上下拉滚动条卡顿: overflow scrolling: touch 禁止复制选中文本: user select: none 长时间按住 ...

2018-07-09 09:18 0 3162 推荐指数:

查看详情

移动常见兼容性问题总结

1. IOS移动click事件300ms的延迟相应 移动设备上的web网页是有300ms延迟的,往往会造成按钮点击延迟甚至是点击失效。 这是由于区分单机事件和双击屏幕缩放的历史原因造成的。 解决方式: fastclick可以解决在手 ...

Wed Sep 16 17:19:00 CST 2020 0 498
前端常见兼容性问题--web移动

web: css: 1,不同浏览器的标签默认的margin和padding不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案: 可以使用Normalize来抹平默认 ...

Tue Mar 10 16:36:00 CST 2020 0 2085
前端 PC兼容性问题总结

1.如果图片加a标签在IE9-中会有边框   解决方案: img{border:none;} 2.rgba不支持IE8   解决方案:可以用 opacity    eg: ...

Tue Jan 10 22:07:00 CST 2017 2 7972
移动常见兼容性问题及解决办法

1.当使用transform:translate3d(-50%,-50%,0)居中弹框(div)时,在pc,内部的文字会模糊。解决办法:给body定义样式 body{ font-family: Helvetica Neue,Helvetica,PingFang SC ...

Mon Mar 27 07:38:00 CST 2017 0 2559
canvas移动兼容性问题总结

项目简介:在网页利用canvas在图片中动态绘制文字,合成一张图片,并导出 遇到的问题: 1、在移动canvas drawImage()方法图片无法绘制出来,只显示文字 原因:图片未加载就进行绘制,所以图片不显示 解决:在image.onload之后再进行绘制 2、部分ios对于跨 ...

Wed Mar 15 00:44:00 CST 2017 0 2544
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM