什么是响应式布局?

  响应式布局是在2010年提出的说法,它可以兼容适应多个平台(pc、手机、pad等),其实这个概念是在移动互联网大发展的背景下顺势提出的。响应式布局相比传统的固定的布局方式可以有更好的用户体验,随着移动互联网时代发展,大屏幕设备的广泛使用和发展,越来越多的前端设计师采用了响应式布局的方法,这不仅仅是一种创新也是一种新web开发的新模式。

  手机

  响应式布局的优点

  1、适应多种平台

  可以适应不同的设备(pc、手机、pad等),可以最大限度上解决页面兼容问题,可以让web前端工程师节省出更多的精力研究其他的问题。

  2、好的用户体验

  解决了大部分页面兼容问题,也很大程度提升了用户体验,另外针对pc和手机可以设计一套页面,而不用分别设计两套页面,在一定程度上也减轻了我们的页面工作量。

  手机页面

  响应式布局的缺点

  1、兼容各种设备会一定程度造成效率不高

  响应式布局虽然兼容设备,但是对于移动页面效果比较复杂页面, 响应式布局可能会不尽人意,所以手机端页面效果复杂的页面不建议使用这种布局。

  2、代码累赘

  响应式布局要考虑多种设备现实效果,会出现代码繁琐,代码会多出很多,最终的结果的是页面加载时间变长。

  3、不是最好的选择

  响应式布局是最合适的选择,但不是最好的选择,响应式布局是一种折中的选择,所以我们根据实际情况来选择,一般适合中小网站使用。

  代码郑州妇科tjyy120.com/郑州妇科医院tjyy120.com/