原文：vue.js 3.2.20: 用rem实现移动端和pc的兼容
一，用vue实现浏览器兼容的目标： , 主要为了实现按照设计稿给出的宽度来设计页面， 通常设计稿会给出 px或 px的宽度， 我们在设置页面上元素宽度时要把象素转为rem, 这样实现不管浏览器的宽度是多少， 页面的表现要一致 另外当pc端浏览时，把内容居中显示即可 这个视业务需求定，如pc页面显示和移动页面显示不一致有时会另开发一套前端 , demo的地址: 说明：刘宏缔的架构森林是一个专注架构的 ...
2021-10-11 12:44 0 125 推荐指数：
相关推荐
所用插件：Mock.js 这个只用到它简单的功能，拦截ajax请求。 vue和axios，vue基础知识请看文档。 axios类似于jquery的ajax方法。 以下是是该功能所有代码，其中mock的数据可以不必理会。 View ...
最近开发一个项目 pc端已经开发差不多了，结果又要说兼容移动端。UI给了图后 我吐了，移动端的页面呈现和pc端有些页面差不多，有些就不一样了。 怎么办呢，秉者办法总比困难多，开始思考。 一般兼容移动端，如果你的移动端的内容只是提取了pc端主要功能，很多东西都是差不多的，只是布局 ...
1、安装：npm install --save vue-picture-preview 2、使用： （1）入口文件中main.js中全局引入： import Vue from 'vue' import vuePicturePreview from ...
/vue-js-3-2-20-tuo-dong-chuang-jian-div-ji-yi-dong%e3%80%81-suo/ 对应 ...
原因可能是 我在项目中使用到了 better-scroll，默认它会阻止 touch 事件。所以在配置中需要加上 click: true 即可。 例如： ...
前段时间写了一个简单的div拖动效果，不料昨天项目上正好需要一个相差不多的需求，就正好用上了，但是在移动端的时候却碰到了问题，拖动时候用到的三个事件：mousedown、mousemove、mouseup在移动端都不起任何作用。毕竟移动端是没有鼠标的，查资料后发现，在移动端与之相对应的分别 ...
最近在写的一个网页由于是响应式，想弄一下上啦加载，下拉刷新这些，但是传统网页布局在手机上滑动时候有些卡，所以就使用betterScroll，这个betterScroll之前再写一个网页的时候也有用过，当时纯粹是PC端网页，然后也觉得配置项有些难弄，很难适配PC端的滚动事件，因为用鼠标滑动时，原生 ...