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

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