何为适应性网页布局
适应性布局,又称Responsive Web Design。它将既有的开发技术(弹性网格布局、弹性图像、媒体和媒体查询)有效融合,实现对网页内容在各种设备上“完美”呈现的一种布局策略。简而言之,这是一种使网站能够适配多种终端设备(如手机、平板、电脑)的布局方案,无需为每种设备编写专门的代码版本。
资料来源:《HTML5布局之道》
何为适应性布局,简而言之
适应性布局能够适配多种终端设备,例如(手机、平板、电脑),一个网站瞬间就能转化为三个网站。或许有人对“何为适应性布局”仍感困惑,以下达内长沙web培训将为大家简要阐述适应性布局的概念:
适应性布局:简而言之,即构建一个网站使其能够适配多种终端设备,将一个网站转变为多个网站,从而极大地节省了资源。
那么适应性布局的优劣之处又有哪些呢?
优点:1. 面对不同分辨率设备具有高度灵活性
- 可快速解决多设备显示适配问题
缺点:无法完全兼容所有浏览器,代码较为繁杂,加载时间有所延长。
尽管如此,可能仍有不少人对如何实现适应性布局及其开发原理感到迷茫?
原理:简言之,适应性布局是通过CSS中的Media Query(媒介查询)功能,根据终端设备宽度是否在特定像素范围内,来执行相应的CSS样式。