禁止复制、选中文本 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…

最近又做了一个门户网站，需要兼容移动端。在chrome device mode下开发完以后想在真机上再调试，发现地址是localhost，手机无法调试。其实之前做项目的时候配置过webstrom本地测试服务器，但是webstorm更新以后设置略微不一样，记忆也有些模糊了，遂一顿google，找到了配置方法…

1、 安卓浏览器看背景图片&#xff0c;有些设备会模糊。 因为手机分辨率太小&#xff0c;如果按照分辨率来显示网页&#xff0c;字会非常小&#xff0c;安卓手机devicePixelRatio比较乱&#xff0c;有1.5的&#xff0c;有2的也有3的。想让图片在手机里显示更为清晰&#xff0c;…