本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…

1px问题 原因 解决方案 方案一 和设计师沟通，让设计稿中避免出现1px的值 优先沟通，从问题的根源解决 方案二 通过各种方式去兼容 方式一：伪元素 + transform: scale()缩放 原

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

1. 触屏事件 移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件touch（也称触摸事件），Android和IOS都有。 touch对象代表一个触摸点。触摸点可能是以跟2手指，也可能是一根触摸…

在指定的dom区域内，一个手指放下并移动事件，即触屏中的拖动事件。这个事件在屏触开发中比较常用，如：左拖动、右拖动等，如手要上使用QQ时向右滑动出现功能菜单的效果。该事件还可以分别对以下事件进行监听并处理： 在指定的dom区域内，两个手指（默认为两个手指，多指触控需要单独设置）…

之前在移动端做了一个的样片征集的活动，其中最主要的就是查看大图了。因为是移动端的活动。在产品的要求下，需要支持手势相关功能还有类似ins的缩放功能。先上Github搜索一番PhotoPreview、PhotoSwiper, 并没有完全符合功能的轮子，较为符合的就有PhotoSw…

touchcancel 当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发touchcancel。一般会在touchcancel时暂停游戏、存档等操作。 clientX：触摸目标在视口中的x坐标。 clientY：触摸目标在视口中的y坐标…