![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端 WebApp
文章平均质量分 88
凝弧
这个作者很懒,什么都没留下…
展开
-
移动端 - 适配方案
1. 百分比适配2. viewport 适配3. rem 适配4. 弹性盒模型boxflex1. 百分比适配缺陷 高度百分比不太好计算,不建议单独使用,配合其他方案使用<div class="box1"></div>&am原创 2018-04-29 11:30:22 · 215 阅读 · 0 评论 -
移动端 - 常见问题及解决方案
视口(viewport)屏幕旋转(orientation)全屏显示(full)识别电话号码和邮箱默认样式视口(viewport)<meta name="viewport" content="..."&a原创 2018-04-29 10:15:51 · 268 阅读 · 0 评论 -
移动端 - CSS使用的尺寸与设计稿(PSD)保持一致
像素概念物理像素 ( physical pixel ) 物理分辨率就是硬件固有的分辨率,是屏幕上最小的物理显示单元设备无关像素 ( 逻辑像素 ) 逻辑分辨率是通过算法达到的,实际显示(用户所见)的分辨率CSS中使用的尺寸与设计稿(PSD)保持一致 方案一: 原理 将页面宽度固定为屏幕宽度,通过设置根元素 html 的 font-size 与使用...转载 2018-04-12 09:22:31 · 2026 阅读 · 0 评论 -
移动端 - touch事件
touch 事件在模拟器下不支持用on的方式来给元素加touch事件,推荐用addEventListener方式touchstart 手指触碰元素touchmove 手指触碰元素之后,在屏幕中进行移动touchend 手指弹起 手指触碰元素之后,在屏幕中抬起与 mouth 事件的区别mouse事件的触发必须在元素范围内,且在移动端会有300ms左右的延迟事件点...原创 2018-07-22 19:38:28 · 1057 阅读 · 0 评论