1)定位问题：ios 2)写背景图时最好加上top left 或者0 0 不然写运动效果时容易出现跳 3)防止手机中网页放大和缩小: 4)设置Web应用是否以全屏模式运行:,content的默认值是no 5)自动识别电话号码:,telephoneno可以禁用这功能,默认值是no 6)禁止复制、选中文本: …

安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了…

禁止复制、选中文本 Element {-webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; user-select:none; } 解决移动设备可选中页面文本(视产品需要而定) 长时间按住页面出现闪退 element { -webkit-touch-callout:none; } iphone及ipad下输…

基础铺垫 系统类型兼容->iOS/安卓(厂商)/微软->js 可以判断(嗅探功能)系统版本兼容->iOS10/11/12(低版本不考虑)设备兼容(4/5/6/x/pluspad 等)->屏幕分辨率/尺寸兼容 rem/media/bs/flexible.js(手机淘宝团队)浏览器类型兼容->QQ/百度/UC 等->(市场占有率高的…

1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页&…

项目场景： 每次项目升级或者升级系统所需时间过长，我们不能让系统返回404或者错误页，所以我们就需要一个好看的页面提示，描述当前系统的运维信息。运维信息一般包括问题原因、涉及到的功能模块、系统恢复所需时间等等。 效果展示…

需求：uniapp做的h5项目，后端返回文件列表，手机浏览器访问h5服务进入文件列表点击下载对应文件并打开。 解决方法一： 一般最常见的兼容性解决方案步骤是：①拼接文件下载链接地址②动态生成a标签，设置默认属…

今天我总结了一下自己在做移动端项目时遇到过得一些常见的兼容问题。这些问题我会定时更新。 话不多说直接上问题。 一、移动端共有的一些注意事项 在写手机端时必要需要加入meta <meta name"viewport" content"widthdevice-width, initial-scale1, mini…