第一种用vw和vh，1vw 的意思就是把屏幕的宽分成一百分后中的一分，也就是1%vh 指高度，同上第二种用bootstrap吧，bootstrap是一款CSS框架插件，自适应上做的很好，比如，我们做一个DIV，让电脑端显示为三列，手机端显示一列，可以这样ltdiv calss=quotrowquot ltdiv class=quotcolmd3。

1选择基本设计尺寸，一般以1080为基准确定响应式网页设计的应用场景后，与美工或设计师沟通之前，美工通常需要制作几套主流移动设备屏幕分辨率的设计图现在，使用streaminglayout和rem，可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准2美工完成设计图，前端工程师的工作就开始了这时候。

传统的网站开发方式通常需要为不同的设备单独设计页面，例如为手机端和PC端分别制作各自的网站页面这种做法虽然可以针对不同设备的特点进行优化，但开发成本和维护难度相对较高而H5响应式网站则完全不同，它是利用HTML5技术，通过CSS3和JavaScript实现的一种自适应布局方案H5响应式网站能够根据用户设备。