网站响应式布局应该如何设计

在网站的建设中响应式已经是一种常见的技术，在不同的设备上可以根据尺寸来调整页面的布局和大小。在小屏幕的设备上可以适当的隐藏一些不重要的内容简化页面，使页面更加整洁，优化用户的体验。通过媒体查询可以在不同的设备上进行页面的调整，结合flex布局或者bootstrap等快速的搭建响应式页面。通常的响应式布局采用rem，媒体查询，flex布局，vw，百分比布局来实现。一般网站都是采用rem进行布局，利用媒体查询或者js来设置font-size的大小，是现在常用的方法。其他的几种方法也可以使用，但或多或少会有一些小问题不是特别推荐。