凝弧

1. 百分比适配 2. viewport 适配 3. rem 适配 4. 弹性盒模型 box flex 1. 百分比适配 缺陷 高度百分比不太好计算，不建议单独使用，配合其他方案使用 <div class="box1"></div> &am

视口（viewport） 屏幕旋转（orientation） 全屏显示（full） 识别电话号码和邮箱 默认样式 视口（viewport） <meta name="viewport" content="..."&a

像素概念 物理像素 ( physical pixel ) 物理分辨率就是硬件固有的分辨率，是屏幕上最小的物理显示单元 设备无关像素 ( 逻辑像素 ) 逻辑分辨率是通过算法达到的，实际显示(用户所见)的分辨率 CSS中使用的尺寸与设计稿(PSD)保持一致 方案一： 原理 将页面宽度固定为屏幕宽度，通过设置根元素 html 的 font-size 与使用...

touch 事件 在模拟器下不支持用on的方式来给元素加touch事件，推荐用addEventListener方式 touchstart 手指触碰元素 touchmove 手指触碰元素之后，在屏幕中进行移动 touchend 手指弹起 手指触碰元素之后，在屏幕中抬起 与 mouth 事件的区别 mouse事件的触发必须在元素范围内，且在移动端会有300ms左右的延迟 事件点...