什么是响应式布局？

简单了解一下响应式布局。。

响应式布局就是它设计的页面可以适应不同的终端用户；响应式布局可以为不同的用户提供更好的体验。

它的优点：

1，灵活性强
2，可以适应不同设备的显示问题。

缺点：

耗时，耗流量，因为他所用的代码比较多，页面加载的时间比较长。

如何实现响应式布局？

响应式布局呢它可以解决不同屏幕的尺寸大小，所以这里要用到一个新的知识点，那就是‘媒体查询’
媒体查询它是一种特殊的css样式，

语法：

@media screen and (min-width: 750px) { // 屏幕宽度 > 750时采用的样式}
@media screen and (max-width: 750px) { // 屏幕宽度 < 750时采用的样式}

当屏幕大小大于750时他是一个样式，

当屏幕大小小于750时他又是一个样式，

响应式布局利用这个神兵利器可以实现实用性很强的页面。