PC端/移动端常见的兼容性问题总结
移动端： ① 安卓浏览器看背景图片，有些设备会模糊，原因是手机的分辨率太小 解决方案： 用2X图片来代替img标签，然后background-size: contain ② 防止手机中页面放大或缩小： 在meta中设置viewport user-scalable = no ③ 上下拉滚动条 ...
原文：canvas移动端兼容性问题总结
项目简介：在网页利用canvas在图片中动态绘制文字，合成一张图片，并导出 遇到的问题： 在移动端canvas drawImage 方法图片无法绘制出来，只显示文字 原因：图片未加载就进行绘制，所以图片不显示 解决：在image.onload之后再进行绘制 部分ios对于跨域图片不兼容，无法绘制 原因：浏览器同源策略 todataurl 在ios中不能传第二个参数，否则报错，不支持跨域图片 解决： ...
2017-03-14 16:44 0 2544 推荐指数：
相关推荐
移动端常见兼容性问题总结
1. IOS移动端click事件300ms的延迟相应 移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。 这是由于区分单机事件和双击屏幕缩放的历史原因造成的。 解决方式： fastclick可以解决在手 ...
html2canvas滚动轴问题、dom-to-image移动端兼容性问题汇总
项目要求是：html生成图片（图片格式不限），长按图片能够保存到本地，主要在移动端 1、初试html2canvas 最初选择的是html2canvas插件，将html转为canvas 再通过Canvas2Image，将canvas转为想要的图片 问题：只能截取一屏的内容，当出现滚动条时 ...
前端常见的兼容性问题--web端和移动端
web端： css: 1，不同浏览器的标签默认的margin和padding不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案： 可以使用Normalize来抹平默认 ...
react 移动端 兼容性问题和一些小细节
react 移动端 兼容性问题和一些小细节 使用 ES6 的浏览器兼容性问题 react 对低版本的安卓webview 兼容性 iOS下 fixed与软键盘的问题 onClick 阻止冒泡 meta对于移动端的一些特殊属性 页面禁止复制、选中 ...
移动端微信页面兼容性问题集合
刚刚才把博客搬到这里来，记录一下完成2个微信公众号项目的经验吧 1.做移动端的项目页面必须用html5的标签和知识，不然有些坑就不好解决了。 2.H5页面窗口自动调整到设备宽度，并禁止用户缩放页面（强制让文档的宽度与设备宽度保持1:1，最大宽度1.0 ...
移动端常见兼容性问题及解决办法
1.当使用transform:translate3d(-50%,-50%,0)居中弹框（div）时，在pc端，内部的文字会模糊。解决办法：给body定义样式 body{ font-family: Helvetica Neue,Helvetica,PingFang SC ...
移动端微信页面兼容性问题集合
刚刚才把博客搬到这里来，记录一下完成2个微信公众号项目的经验吧 1.做移动端的项目页面必须用html5的标签和知识，不然有些坑就不好解决了。 2.H5页面窗口自动调整到设备宽度，并禁止用户缩放页面（强制让文档的宽度与设备宽度保持1:1，最大宽度1.0，禁止屏幕放。） 3.忽略 ...