随笔分类 - 前端技术栈 / Mobile
摘要：1postcss移动端适配： postcss-px-to-viewport 1 加浏览器前缀 2 在代码里设置px，框架自动设置成rem 3 css全局全命名 yarn add -D postcss-px-to-viewport webpack别名 移动端布局方案非常重要，写篇博客记录下来 vue.
阅读全文
摘要：移动端事件 在前端的移动web开发中，有一部分事件只在移动端产生，如触摸touch相关的事件，以下是关于移动端事件的小结 1.PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 主要原因是，需要双击来放大H5页面，会等待200~300ms来看看是否会点击第二次，来判断是
阅读全文
摘要：pc端 高度自适应下，PC中html、body设置高位100%，则html、body的height为可视窗口高，随可视窗口高度变化而变化。 如果不设置100%，高度是内容高度和视窗高度较大的一方 移动端 移动端下html、body设置高为100%，则高为设备高（移动设备的视口高为定值） 如果不设置1
阅读全文
摘要：原因 主要原因是css像素与物理像素的区别 首先说一个概念：dpr dpr,即device pixel ratio,设备像素比 不同的设备具有不同的像素比，dpr决定了由设备的多少个物理像素显示web css的一个像素 比如dpr为2时，设备上由2个像素表现css上的一个像素 解决1px borde
阅读全文
摘要：vw css3新特性，100vm代表设备宽，1vm代表设备视窗宽度的1% 在实际应用中，一般以设备宽375为基准来设置（有的项目是750），算出100px所对应的vw值，一般取26.667vw.据此设置根元素的font-size，再根据rem去布局，完成不同设备的适配 //视图宽度375 1vw =
阅读全文
