做响应式网站需要注意哪些问题？

1.将网页设置为百分比布局
当浏览器的宽高发生改变时，通过百分比单位可以让浏览器的组件的宽高随着浏览器的变化而变化，从而实现响应式的布局
2.流动布局
流动布局是指各个区块的位置浮动，不是固定不变的
这样做的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方不会在水平方向溢出，避免了水平滚动条的出现，大大提升了用户的阅读体验。
3.用rem替换px
px是绝对单位，页面按精确像素展示
rem是相对单位，他是相对于根节点html的字体大小来计算，从而实现响应式网站。
4.图片自适应
基于宽度百分比，将所属div宽度用百分比固定，然后让图片自适应div的宽度和高度
基于媒体查询：创建一个媒体查询，媒体查询将检测浏览器窗口的大小，从而根据宽度选择css样式