一、常用布局类型
1、单列布局
2、均多列布局
3、不均分多列布局
二、布局的实现方式
按照页面的宽度单位（像素或百分比）来划分
1、单一式固定布局
2、响应式固定布局
3、响应式弹性布局
三、响应式网页布局的设计与实现
对页面进行响应式的设计实现，需要对相同内容进行不同宽度的布局设计，通常有两种方式：桌面PC端优先；移动段优先。无论采用哪种方式的设计，要兼容所有设备，都不可避免地需要对内容布局做一些调整。有模块不变和模块内容改变两种。
（1）模块不变：页面中整体模块内容不发生改变，通过调整模块的宽度，可以将模块内容从挤压到拉伸。
（2）模块内容改变：页面中整体模块内容发生改变，通过媒体查询，检测当前设备的宽度，动态隐藏或显示模块内容，增加或减少模块的数量。
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
