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