响应式网站的原理和实现方法

响应式是一种网络页面设计布局，页面的设计应当根据用户行为以及设备环境进行相应的响应和调整，网站会根据视口来调整页面样式或具体内容，能够同时适应PC，手机和平板。

具体的实现方法就是通过媒体查询监测不同的屏幕大小来改变页面样式，为了处理手机端头部需要有声明meta声明viewport。一般实现响应式布局的方法有：媒体查询，rem，百分比，vw/vh这些来实现。在进行响应式布局的时候一般都会使用媒体查询和rem来做，使用百分比和vw/vh的很少，会照成布局的复杂度，所以不建议使用百分比和vw/vh来实现响应式。当然还有一些第三方的插件或者CSS都能实现响应式。

响应式的布局可以很快的完成不同设备的页面建设，同时具有很高的灵活性。不过在页面复杂，内容过多的情况下就不是很好用了，而且要兼容各种设备效率不是很好，一定程度上改变了不同设备上页面的布局结构，在不同设备上体验不一样。