什么是响应式布局?
响应式布局是在2010年提出的说法,它可以兼容适应多个平台(pc、手机、pad等),其实这个概念是在移动互联网大发展的背景下顺势提出的。响应式布局相比传统的固定的布局方式可以有更好的用户体验,随着移动互联网时代发展,大屏幕设备的广泛使用和发展,越来越多的前端设计师采用了响应式布局的方法,这不仅仅是一种创新也是一种新web开发的新模式。
![8434f388694ba7011172e38e518b5987.png](https://i-blog.csdnimg.cn/blog_migrate/37ec80bb9713bce788a4bf679ad8a81d.jpeg)
手机
响应式布局的优点
1、适应多种平台
可以适应不同的设备(pc、手机、pad等),可以最大限度上解决页面兼容问题,可以让web前端工程师节省出更多的精力研究其他的问题。
2、好的用户体验
解决了大部分页面兼容问题,也很大程度提升了用户体验,另外针对pc和手机可以设计一套页面,而不用分别设计两套页面,在一定程度上也减轻了我们的页面工作量。
![31590d0782ddd2e799022e63b24575e3.png](https://i-blog.csdnimg.cn/blog_migrate/54c9b7e05b0aed6cb84ed0f010d4bc7c.jpeg)
用户体验
响应式布局的缺点
1、兼容各种设备会一定程度造成效率不高
2、代码累赘
响应式布局要考虑多种设备现实效果,会出现代码繁琐,代码会多出很多,最终的结果的是页面加载时间变长。
3、不是最好的选择
响应式布局是最合适的选择,但不是最好的选择,响应式布局是一种折中的选择,所以我们根据实际情况来选择,一般适合中小网站使用。
![b14bb020d27caa791fe7765b7940e4e3.png](https://i-blog.csdnimg.cn/blog_migrate/c2ed3feec06b9d4d364aa08613c5cc86.jpeg)
代码
好了关于“响应式布局”先聊到这,大家有什么更好办法欢迎评论。每天学习一个知识点,每天进步一点点。每日寄语”当机会来临时,我已经准备好了。”下一期咱们接着聊响应式布局。