最近在写的一个网页由于是响应式,想弄一下上啦加载,下拉刷新这些,但是传统网页布局在手机上滑动时候有些卡,所以就使用betterScroll,这个betterScroll之前再写一个网页的时候也有用过,当时纯粹是PC端网页,然后也觉得配置项有些难弄,很难适配PC端的滚动事件,因为用鼠标滑动时,原生 ...
最近开发一个项目 pc端已经开发差不多了,结果又要说兼容移动端。UI给了图后 我吐了,移动端的页面呈现和pc端有些页面差不多,有些就不一样了。 怎么办呢,秉者办法总比困难多,开始思考。 一般兼容移动端,如果你的移动端的内容只是提取了pc端主要功能,很多东西都是差不多的,只是布局不同,那么你可以直接使用media 媒体查询,来解决。 如果你的pc端和移动端,完全呈现的是不一样的,没办法,你就需要写两 ...
2019-09-05 11:54 2 3883 推荐指数:
最近在写的一个网页由于是响应式,想弄一下上啦加载,下拉刷新这些,但是传统网页布局在手机上滑动时候有些卡,所以就使用betterScroll,这个betterScroll之前再写一个网页的时候也有用过,当时纯粹是PC端网页,然后也觉得配置项有些难弄,很难适配PC端的滚动事件,因为用鼠标滑动时,原生 ...
一,通过媒体查询实现响应式(@media) 优点:适用于小型网页,用户交互较少的项目,代码用量较少; 缺点:在页面内容过多,用户交互过多的时候,如果通过 @media 来一个个改的话,那代码量可 ...
所用插件:Mock.js 这个只用到它简单的功能,拦截ajax请求。 vue和axios,vue基础知识请看文档。 axios类似于jquery的ajax方法。 以下是是该功能所有代码,其中mock的数据可以不必理会。 View ...
一,用vue实现浏览器兼容的目标: 1, 主要为了实现按照设计稿给出的宽度来设计页面, 通常设计稿会给出750px或640px的宽度, 我们在设置页面上元素宽度时要把象素转为rem, 这样实现不管浏览器的宽度是多少, 页面 ...
vue 框架UI库 pc端element 移动端vant ...
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置,根据不同的设置跳转不同的路由。直接上代码 //在 router/index.js 中有两个页面。 export default new Router({ mode: 'history ...
转自:https://www.cnblogs.com/liangtao999/p/12047734.html ...
//App.vue mounted() { if (this._isMobile()) { alert("手机端"); // this.$router.replace('/m_index'); } else { alert("pc端"); // this.$router.replace ...