1、js 识别 1.1 pc端 和 移动端 代码分开（ 各是一个单页应用，或各有一套代码） 直接在 pc端的首页 index.html 的 head 里加入识别代码 1.2 pc端 和 移动端 代码 在一个单页系统里（使用路由） pc端和移动端两套样式在vue中的切换 vue项目PC ...

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

分别定义移动端和pc端两个css文件，然后根据js判断再执行对应的css文件。 ...

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

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

一、浏览器的默认font-size 火狐，谷歌，IE默认16px 二、根元素的font-size设置 1、许多方法测试所得（网上）兼容电脑浏览器缩放的html { font-size ...

不想通过CSS自适应在PC端和移动端分别显示不同的样式，那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了，那么怎么跳转呢，网上也有很多文章说明，下面是本人测试有效的方式。 1.效果图 PC端访问显示： 移动端访问显示： 2.实现： 不考虑移动端搜索引擎优化的话 ...

CSS样式兼容代码 1.禁止选中复制文本 2.单行文本溢出显示省略号… 3.flex布局兼容 4.iOS app滑动卡顿 5.渐变背景颜色 6.去除PC端浏览器右侧滚动条 注 ：css兼容代码不断更新和优化中... ...