Ⅰ 做好的网页怎样简单快速的实现响应式
首先在写页面的时候就要为响应式网页做准备，宽使用百分百，不设置固定高度。
设置meta 进行适应移动端页面。
了解pc 端主流显示器分辨率，设置显示断点，例如1920 * 1080 通过媒体查询设置 1920 宽度的显示方式，1600*1200，设置 1600宽度的显示方式，其实一般是1200 以上的都设置同一个显示方式就可以了，主要是显示器分辨率低的，例如 800 * 600 设置它的显示方式，
xs: 576px sn:≥576px md: ≥768px lg:≥992px xl:≥1200px xxl:≥1600px
一般需要通过媒体查询设置的pc端的范围有这些。
移动端的话一般不是通过媒体查询来设置， 先用 js 将单位设置为 rem, 即 1rem = 100px
这样则 默认字体为 0.16rem; 通过百分百宽度来设置盒子的宽，让它根据屏幕来做调整。
如果使用框架的话还可以结合 栅格系统来做响应式兼容。
其实移动端的兼容是最麻烦的，因为手机品牌种类多，系统一般分 安卓 和 ios ,但是还有系统版本，问题，不同系统版本也会有不一样的显示方式（特别是ios系统）。
安卓主要是品牌种类的不同，屏幕 分辨率的不同。
想要做基本的兼容就是先设置meta，然后将宽设置为 百分百比