方案一： 设置tranform/scale 首先设置内容固定宽度、自动高度（以下举例） width: 375px; height: auto; 通过获取窗口的宽度与固定宽度相除，获得缩放比例 const scaleValue=window.innerWidth / 375 在html层，添加一段sc ...
分类：
移动开发 时间：
2020-07-28 22:30:53
阅读次数：
105
-；第一次写个人博客有些小忐忑，闲话少说，直接开撸。前两天帮一朋友写一微信场景开发，头疼的是来回更改5遍，作为一个设计公司，他们对字体行间距的要求细如发丝。 关于rem的使用不多说，大家都知道是根据根字体的大小搞的一个单位。直接上图： 这两个图，在Chrome的模拟器上是没什么问题的，但是在Ipho ...
分类：
移动开发 时间：
2020-05-18 14:14:43
阅读次数：
82
1、click300ms延迟？ fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块，tap事件也是为了解决在click的延迟问题 触摸事件的响应顺序为 touchstart --> touchmove --> touchend --> click,也可以通过绑定o ...
分类：
移动开发 时间：
2020-03-16 12:31:16
阅读次数：
306
将jquery和公共样式缓存到localStorage，可以减少Http请求，从而优化页面加载时间，下面的代码可以实现此功能： 调用方法： ...
分类：
移动开发 时间：
2020-03-12 11:25:54
阅读次数：
98
package.json 中 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 3000 --contentBase src --h ...
分类：
移动开发 时间：
2020-01-05 19:01:02
阅读次数：
154
在添加 overflow-x: scroll的元素里增加如下style overflow-x: scroll; -webkit-overflow-scrolling: touch; //关键点 在添加 overflow-x: scroll的元素里增加如下style ...
分类：
移动开发 时间：
2019-11-22 23:24:23
阅读次数：
97
写在前面本文包括浏览器调试，不包括web移动端调试。本文调试均在chrome浏览器进行 alert 这个不用多说了，不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西，其实console还有其它的方法： console.log("打印字符串");//在控制台打 ...
分类：
其他好文 时间：
2019-11-13 01:04:28
阅读次数：
137
1.移动端与pc端的区别 移动端没有鼠标，自然也没有鼠标事件。所以onmousedown之类的事件监听在移动端时无效的。 移动端为了响应双击事件，onclick事件有300ms的延迟，因为要看看接下来的300ms有没有再次点击，有的话视为双击，没有的话视为单击。 延迟300ms只是理论上，实际上每台 ...
分类：
移动开发 时间：
2019-10-04 09:19:00
阅读次数：
403
1.像素密度 PPI 说到屏幕就离不开2个因素，屏幕大小和屏幕分辨率。 PPI是Pixels Per Inch缩写，pixels per inch所表示的是每英寸所拥有的像素（pixel）数目。 PPI越高，手机屏幕显示的效果越好。以前的老手机屏幕显示效果很差，有颗粒感，就是因为PPI太低了。 随着 ...
分类：
移动开发 时间：
2019-10-03 20:20:38
阅读次数：
156
1.input光标颜色 默认情况下，光标颜色与字体颜色color相同，但也可以通过caret color属性来单独设置 但是IOS的光标与字体颜色无关，默认是蓝色 可以单独设置光标颜色，这样ios也有效果 ios设置光标颜色 2.input光标高度 input域的光标高度与行高相同（chrome手机 ...
分类：
移动开发 时间：
2019-10-03 15:55:51
阅读次数：
252
