![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端适配
白猫儿
有好的工作私信我
展开
-
移动端触摸事件 事件防误触 以及 1物理像素问题
移动端触摸事件 事件防误触 以及 1物理像素问题移动端的主要三个事件touchstart touchmove touchend 分别对用 PC 端事件的 mousedowm mousemove mouseup移动端中有很多的默认事件比如长按某个文本时,能够选中复制。这样对于很多业务是不符合逻辑的,因此我们先来阻止默认事件。<script> // 阻止移动端默认事件 window.onload = function () { document.add原创 2020-12-25 14:37:02 · 485 阅读 · 0 评论 -
移动端 Rem 适配
移动端 Rem 适配适配的概念:实现页面在不同设备上等比, 也就是说 改变了一个元素在不同设备上占据 css 像素的个数打个比方,比如说页面上有一个盒子,占移动端设备宽度的 50% ,在改变移动端设备的情况,把盒子由 iphone 6 的 375 px (css 像素)设备宽度的,放到 6 plus 414px(css 像素) 设备宽度的屏幕下,两个盒子仍然占据设备宽度的 50%先要明白两个单位 em 和 rem:在 PC 端浏览器下(以谷歌浏览器为主),字体的默认大小是16px,字体最小为12px原创 2020-12-22 17:57:29 · 800 阅读 · 2 评论 -
移动端 viewport 适配
移动端 viewport 适配为什么要是用 viewport 做适配呢?目的就是为了,将所有设备布局视口的宽度调整为设计图的宽度先上完美 viewport 适配代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>Docume原创 2020-12-22 18:00:48 · 978 阅读 · 0 评论