基于Bootstrap的响应式网页设计中断点研究  

作　　者：李慕[1] 赵彤洲[1] 周萍[1] 

机构地区：[1]武汉工程大学计算机科学与工程学院,湖北武汉430205

出　　处：《软件导刊》2017年第4期25-27,共3页Software Guide

摘　　要：Bootstrap框架采用CSS栅格系统对不同显示设备具有自动适配能力。为使不同尺度、不同分辨率以及不同放置方向的显示设备均能正常显示网页内容,需要设置合理的视口宽度断点。通过对响应式网页设计中断点阈值设置方案、断点图绘制方法进行研究,提出了针对不同设备的断点设定方案。实验表明,该方案能适应主流显示设备,在保持页面内容不变的同时,实现多类型显示设备的一致性显示,进而大大缩减研发人员工作量。

关 键 词：响应式网页设计 BOOTSTRAP 媒体查询 移动互联网 

分 类 号：TP306[自动化与计算机技术—计算机系统结构]