什么是响应式布局?

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

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

它的优点:

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

缺点:

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

如何实现响应式布局?

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

语法:

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容