## 网页布局方式 以下几种布局方式挺不是独立存在的,实际开发过程中往往是互相结合使用的. 1. 固定宽度布局 : 为网页设置一个固定的宽度,通常以PX做长度单位,常见于PC端网页. 2. 流式布局 : 为网页设置一个相对的宽度,通常以百分比做长度单位. 3. 栅格化布局 : 将网页宽度人为划分成均等的长度,然后排版布局时则以这些均等的长度作为度量 单位,通常利用百分比做为长度单位来划分成均等的长度. 4. 响应式布局 : 通过检测设备信息,决定网页 布局方式,即用哪个胡如果采用不同的设备访问同一个网页,有可能会看到不一样 内容,一般情况下是检测屏幕的宽度来实现. ## 响应式布局 responsive design ,意在实现冉屏幕分辨率的终端上浏览网页的不同展示方式.通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验. 响应式主要借助媒体查询来实现. ## 什么是响应式开发 1. 在移动端日益成熟的时候,桌面浏览器上开发的网页已经不能满足移动端的设备的展示和阅读. 2. 之前,通常的做法是对移动端单独开发一套特定的版本. 3. 但是如果移动端设备起来越多的时候,开发成本太大,是因为需要做所有屏幕的适配. 4. 响应式开发的目的就是:一个网站能兼容多种终端. 5. 在新建的网站上一般都会使用响应式开发. 6. 移动web开发和响应式开发是必须具备的技能.