响应式布局可以用媒体查询来做，bs vue这些只是一些框架而已，他们的原理也都是用的媒体查询，例如这样media screen and maxwidth 300px body backgroundcolorlightblue 意思是如果网页宽度小于 300 像素则。

响应式布局概念响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法是目前比较流行的一种布局方法 bootstrap响应式布局实现原理通过CSS3 Media Queries媒体设备查询，媒体查询是让页面内容。

如何用CSS做响应式布局呢1在HTML头部添加以下代码，用来显示兼容移动设备的显示效果 参数详解width=devicewidth 宽度等于当前设备的宽度 initialscale=1 初始的缩放比例默认为1minimumscale=1 允许用户缩。

也就是一半colsm6 代表在平板上也显示div占当前行的一半colxs12 代表在手机端显示为当前行的百分之百填充3还有其他方式，如JQuery和专门做响应式的JS文件，比如nicebox均能实现自适应效果，实现响应式布局。

有了响应式网站，管理变得十分简单只需一次编辑，任何设备上都可以同时看到更新出色的用户体验 响应式网站可以自动侦测设备屏幕的大小，对网站的内容和布局灵活调整，让网站在任何设备上都有令人惊艳的显示效果换言之，无。