qq_38763173的博客

适配方案1. 安装依赖npm install px2rem-loader lib-flexible --save 2. 设置viewport设置: <meta name="viewport" content="width=device-width,initial-scale=1.0"> 1. 说明: 因为默认的布局视口大于视觉视口，如果不设置将导致页面的内容显示非常小 2. 原理: 将980的页面在375的屏幕上完全显示只能缩小980页面中的内容3. 直接设置px问题1

项目的初始化使用@vue/cli创建项目 vue -V vue create webapp npm run serve添加vue.config.js配置文件,对脚手架的环境进行一些配置module.exports={ lintOnSave:false, devServer:{ open:true } }安装哈士奇 & git操作npm i husky -D定义git的钩子: 修改package.json文件 "hu

触屏事件touchstart、touchmove、touchendeventevent.changeTouches : 触发当前事件的手指列表event.targetTouches : 触发当前事件元素上的手指列表event.touches : 触发当前事件屏幕上的手指列表默认行为移动端要禁止所有的默认行为，包括长按选中效果，右击菜单事件，a标签点击跳转事件，滚动条事件 … …e.cancelable() : 判断某默认行为是否可以被阻止e.preventDefault() : 阻止默认行

不适配<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">要设置 meta 标签，将 css像素 = 设备独立像素针对不同的分辨率，要对设计稿中的位图像素，进行相应的缩小，得到我们应该写的px数。例如：分辨率为2的设备，设计稿中的位图像素是6px,那么我们写css标签的值时要写成3px分辨率为

移动设备/屏幕屏幕尺寸屏幕尺寸指的是屏幕对角线的长度，单位是英寸，1英寸 = 2.54厘米。屏幕分辨率屏幕分辨率指的是屏幕横纵向上物理像素点的个数，一般以横向像素*纵向像素来 表示一个手机的分辨率.屏幕像素密度也叫:像素密度或屏幕密度屏幕上每英寸可以显示的像素点的数量，单位是ppi，即“pixels per inch”的缩写。屏幕像素密度与屏幕尺寸和屏幕分辨率有关.普通屏vs高清屏一种具备超高像素密度的液晶屏高清屏和普通屏相比，相同区域的物理像素点数,高清屏是普通屏的4倍物理像素