移动端
关注
分享
扫一扫
文章平均质量分 69
时光无声￡
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
移动端常见的问题
1.禁止电话和邮箱<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> //加下面这行代码可以禁止点击数字时拨打电话,点击原创 2021-07-29 10:49:45 · 141 阅读 · 0 评论 -
移动端事件
移动端事件有两类:触屏(常用)指针(了解,兼容性问题很大)//触屏 指针 /* touchstart(手指按下) 类似于pc端的mousedown touchmove(手指移动) 类似于pc端的mousemove 不可能单独触发 可以单独触发 touchend(手指抬起) 类似于pc端的mouseup */触屏事件不要使用dom0绑定(低版本的没效果)var item = document.querySelector(".item"); item.a原创 2021-07-29 10:47:30 · 282 阅读 · 0 评论 -
移动端如何实现1物理像素
1物理像素的实现第一种方案: rem+系统缩放 1.主体适配采用rem适配 并放大rem的基值(dpr倍) 2.再通过系统缩放 缩回dpr倍，initial-scale=1/dpr<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-sc原创 2021-07-29 10:28:51 · 206 阅读 · 0 评论 -
移动端适配方案&移动端基本概念
移动端适配方案1. rem适配rem单位：根标签的font-size所代表的值---步骤 第一步 创建style标签 第二三步 将根标签的font-size置为布局视口的宽/16 第四步 将style标签添加到head中---原理 改变一个元素在不同设备上的css像素的个数---优缺点 优点：可以使用完美视口 缺点：px到rem的转化特别麻烦(这已经不是问题了)(function(){ var styleNode = document.createElement("原创 2021-07-29 10:18:19 · 181 阅读 · 0 评论