pc浏览器的适配

1，窗口尺寸

var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

var hight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

2，使用autoprefixer来自动添加CSS浏览器前缀

https://github.com/postcss/autoprefixer

3，解决移动端click 的 300ms 延迟响应

https://github.com/ftlabs/fastclick

4，设备检测

// 这段代码引用自：https://github.com/binnng/device.js

var WIN = window;
var LOC = WIN["location"];
var NA = WIN.navigator;
var UA = NA.userAgent.toLowerCase();

function test(needle) {
  return needle.test(UA);
}

var IsTouch = "ontouchend" in WIN;
var IsAndroid = test(/android|htc/) || /linux/i.test(NA.platform + "");
var IsIPad = !IsAndroid && test(/ipad/);
var IsIPhone = !IsAndroid && test(/ipod|iphone/);
var IsIOS = IsIPad || IsIPhone;
var IsWinPhone = test(/windows phone/);
var IsWebapp = !!NA["standalone"];
var IsXiaoMi = IsAndroid && test(/mi\s+/);
var IsUC = test(/ucbrowser/);
var IsWeixin = test(/micromessenger/);
var IsBaiduBrowser = test(/baidubrowser/);
var IsChrome = !!WIN["chrome"];
var IsBaiduBox = test(/baiduboxapp/);
var IsPC = !IsAndroid && !IsIOS && !IsWinPhone;
var IsHTC = IsAndroid && test(/htc\s+/);
var IsBaiduWallet = test(/baiduwallet/);

5，测css浏览器兼容工具

https://caniuse.com/

6，根据需求生成居中代码工具

http://howtocenterincss.com/