响应式布局可以同时兼容多个终端，如（手机、平板电脑、pc）制作一个网站，可以一闪变成三个网站。也许有些人对“什么是响应式布局”不太了解。我们来谈谈什么是响应式布局：响应式布局：简单地说，一个网站可以同时兼容多个终端，可以从一个网站变成多个网站，这就大大节省了我们的资源。响应式布局的优点和缺点是什么？优点：1。它具有很强的灵活性，在面对不同的分辨率设备。2它可以快速解决多设备显示适配问题。缺点：不完全兼容所有浏览器，代码繁琐，加载时间较长。说了这么多，可能还有很多人不明白如何做响应式布局，它的发展原则是什么？原理：简单来说，responsivelayout使用css中mediaquery@media的功能来确定我们终端设备的宽度（像素），然后执行相应的css样式。
1.本机代码的实现。
目前国内网页设计一般分为pc端和移动端两类。但是，在某些情况下，只需设计一个页面就可以正常使用不同的端口，因此采用了自适应的方法。
使用本机代码的根源是mediaquery@media的设置。
@mediascreen可以查询当前浏览器的大小，因此可以使用此方法为同一页面设置不同的css样式，以满足不同分辨率的要求。
2.使用bootstrapframeworklayout
bootstrapframeworklayout完成页面自动对应的自适应效果。
但是，在编写时，我们应该严格遵循bootstrap的编写标准，这样就不会出现奇怪的问题。
注意：最后一个数字对应于div占用的列数。
col-md-6表示六个围栏，或其中的一半，在pc侧显示为一行。
col-sm-6表示div也显示在平板电脑上，占当前行的一半。
col-xs-12表示移动终端上显示的当前行的100%填充。
3.还有其他方法，如jquery和响应js文件，如nicebox，可以实现自适应效果和响应布局。
感谢您的邀请。一般来说，响应式网站是指网页的设计和开发，包括屏幕定位、大小调整等，是指用户在使用电脑和手机时，可以自动调整分辨率、图片大小和脚本功能。这是一种概念设计排版，集中创建页面图像大小排版，可以智能排版，适合用户习惯和设备。
