PC端兼容各种屏幕分辨率

1. 根据不同分辨率调用不同css （

   ①根据屏幕尺寸：window.screen.width >= 1680。。。）

   ②媒体查询 分别引用：<link rel="stylesheet" media="screen and (max-device-width:1280px)" href="test-01.css">

   ③媒体查询 一个css中分别写不同样式： @media screen and (max-device-width:1280px){。。。}

2. 用js或jq动态设置

3. 使用框架（boostrap）响应式布局

4. px改用rem：直接100%,用百分比来控制宽度，用rem控制高度（html 的 font-size 大小是 20px, 那么 1.4rem（28px / 20px = 1.4） = 1.4 × 20px = 28px 和 2.4 rem = 2.4 × 20px = 48px）

   根设置： 设计图长度

   调用：实际长度 / 设计图长度

   缩小系数： 设计稿宽高比 / 窗口宽高比