一，通过媒体查询实现响应式（@media） 优点：适用于小型网页，用户交互较少的项目，代码用量较少； 缺点：在页面内容过多，用户交互过多的时候，如果通过 @media 来一个个改的话，那代码量可就很多了，而且也不方便维护。因此需要另一种方式来解决这个问题。 二，通过判断打开设备的类型 ...

最近开发一个项目 pc端已经开发差不多了，结果又要说兼容移动端。UI给了图后 我吐了，移动端的页面呈现和pc端有些页面差不多，有些就不一样了。 怎么办呢，秉者办法总比困难多，开始思考。 一般兼容移动端，如果你的移动端的内容只是提取了pc端主要功能，很多东西都是差不多的，只是布局 ...

一、浏览器的默认font-size 火狐，谷歌，IE默认16px 二、根元素的font-size设置 1、许多方法测试所得（网上）兼容电脑浏览器缩放的html { font-size: 62.5%;}@media only screen and (min-width: 481px ...

对于经常做网页设计的人员来说，网页的兼容性测试是不可缺少的，记得刚来单位的新手，都是要安装一款浏览器测试软件的，看自己制作的网页是否在各大浏览器中正常显示，有没有变形，或者网页效果不兼容等。 不仅仅是新手学习的过程中会遇到，即使是资深的前端程序员，网站样式的兼容性往往很让人头疼，虽然W3C提出 ...

使用过的方法 http://ustbhuangyi.github.io/better-scroll/doc/ 它只能管理第一个元素 使用步骤： //yarn 安装不成功还成cnpm ...

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

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

<!-- 可以通过js代码判断 --> <!-- 手机端电脑端判断--> <script type="text/javascript"> 　　$(document).ready(function ...