原文:vue pc端 兼容 移动端

最近开发一个项目 pc端已经开发差不多了,结果又要说兼容移动端。UI给了图后 我吐了,移动端的页面呈现和pc端有些页面差不多,有些就不一样了。 怎么办呢,秉者办法总比困难多,开始思考。 一般兼容移动端,如果你的移动端的内容只是提取了pc端主要功能,很多东西都是差不多的,只是布局不同,那么你可以直接使用media 媒体查询,来解决。 如果你的pc端和移动端,完全呈现的是不一样的,没办法,你就需要写两 ...

2019-09-05 11:54 2 3883 推荐指数:

查看详情

vue使用betterScroll,让网页兼容PC移动

最近在写的一个网页由于是响应式,想弄一下上啦加载,下拉刷新这些,但是传统网页布局在手机上滑动时候有些卡,所以就使用betterScroll,这个betterScroll之前再写一个网页的时候也有用过,当时纯粹是PC网页,然后也觉得配置项有些难弄,很难适配PC的滚动事件,因为用鼠标滑动时,原生 ...

Mon Mar 08 00:35:00 CST 2021 0 311
vue网页 PC移动兼容方案

一,通过媒体查询实现响应式(@media) 优点:适用于小型网页,用户交互较少的项目,代码用量较少; 缺点:在页面内容过多,用户交互过多的时候,如果通过 @media 来一个个改的话,那代码量可 ...

Mon Dec 16 18:17:00 CST 2019 0 2066
vue实现pc端上拉加载功能,不兼容移动

所用插件:Mock.js 这个只用到它简单的功能,拦截ajax请求。      vue和axios,vue基础知识请看文档。      axios类似于jquery的ajax方法。 以下是是该功能所有代码,其中mock的数据可以不必理会。 View ...

Fri Mar 30 21:04:00 CST 2018 0 2906
vue.js 3.2.20: 用rem实现移动pc兼容

一,用vue实现浏览器兼容的目标: 1, 主要为了实现按照设计稿给出的宽度来设计页面, 通常设计稿会给出750px或640px的宽度, 我们在设置页面上元素宽度时要把象素转为rem, 这样实现不管浏览器的宽度是多少, 页面 ...

Mon Oct 11 20:44:00 CST 2021 0 125
Vue判断设备是移动还是pc

经常在项目中会有支持 pc 与手机需求。并且pc与手机是两个不一样的页面。这时就要求判断设置,根据不同的设置跳转不同的路由。直接上代码 //在 router/index.js 中有两个页面。 export default new Router({ mode: 'history ...

Tue Jul 28 11:43:00 CST 2020 0 2323
vue解决移动pc适配

//App.vue mounted() { if (this._isMobile()) { alert("手机"); // this.$router.replace('/m_index'); } else { alert("pc"); // this.$router.replace ...

Thu Dec 03 01:16:00 CST 2020 0 455
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM