做好的网页怎样简单快速的实现响应式？

首先在写页面的时候就要为响应式网页做准备，宽使用百分百，不设置固定高度。
设置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，然后将宽设置为 百分百比

不设置宽度高度，宽度全部自动的默认是100% 高度改为由子元素撑开 然后通过js函数去写px的计算转换成为 rem 单位，肯定是很难的 肯定也会跑版的 响应式设计肯定是要一开始就设计好的 不然后期几乎改的人想重构

1. 可以在移动端调试，通过CSS的媒体查询进行移动端的适配。
2. 可以进行云适配，查找相关的云适配网站申请使用就可以自动适配实现响应式了。

怎样简单快速的实现响应式。