什么是响应式布局?

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

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

它的优点:

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

缺点:

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

如何实现响应式布局?

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

语法:

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

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

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

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

你可能感兴趣的:(什么是响应式布局?)