基于Bootstrap的响应式网页设计中断点研究被引量：6

下载PDF

导出

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

作者李慕赵彤洲周萍

机构地区武汉工程大学计算机科学与工程学院

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

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

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

引文网络
相关文献

参考文献7

1王愉,潘明明.响应式网页设计初探[J].北京印刷学院学报,2014,22(3):13-15. 被引量：16
2陈员义,李艺志.基于Bootstrap响应式Web前端研究[J].福建电脑,2015,31(12):72-73. 被引量：10
3舒后,熊一帆,葛雪娇.基于Bootstrap框架的响应式网页设计与实现[J].北京印刷学院学报,2016,24(2):47-52. 被引量：44
4贾英霞.浅谈Bootstrap制作响应式网站布局[J].福建电脑,2015,31(8):122-123. 被引量：11
5成林著..Bootstrap实战[M].北京:机械工业出版社,2013:355.
6陈益全,吴多智.断点在响应式网页设计中的应用研究[J].微型电脑应用,2016,32(5):41-43. 被引量：7
7谢郁编著..CSS高效开发实战 CSS 3、LESS、SASS、Bootstrap、Foundation[M].北京:电子工业出版社,2014:344.

二级参考文献22

1[美]Tim Kadlec.响应式Web设计实践[M].侯鸿儒,译.北京:人民邮电出版社,2013. 被引量：3
2[美]Kristofer Layon.移动Web实现指南--面向移动设备的网站优化、开发和设计[M].张晶珏,译.北京:人民邮电出版社,2013. 被引量：1
3[美]Ben Frain.响应式Web设计--HTML5和CSS3实战[M].王永强,译.北京:人民邮电出版社,2013. 被引量：1
4DDF,UXPA中国.用户体验百家谈[M].北京:电子工业出版社,2013. 被引量：1
5[美]StephenHay.响应式Web设计全流程解析[M].北京:人民邮电出版社,2014. 被引量：3
6Bootstrap官网.http://getbootstrap.corn/. 被引量：1
7响应式Web设计:HTML5和CSS3实战[M].北京.人民邮电出版社,2013. 被引量：1
8百度百科.响应式网页设计[EB/OL].(2015-07-15)[2015-12-10].http://baike.baidu.com/view/9876268.htm. 被引量：2
9[美]Ben Frain.响应式Web设计:HTML5和CSS3实战[M].王永强,译.北京:人民邮电出版社,2013. 被引量：2
10[美]Benjamin La Grone.响应式Web设计:HTML5和CSS3实践指南[M].黄博文,饶勋荣,译.北京:机械工业出版社,2014. 被引量：2

共引文献73

1邢水红.服务业企业网站的设计案例[J].电子技术（上海）,2021,50(8):206-207. 被引量：1
2戴慧萍.响应式设计对网页界面的影响[J].艺术教育,2015(1):250-250. 被引量：6
3杨颖.高职“网页设计与制作”课程教学改革探索[J].职教通讯,2015(18):25-27. 被引量：4
4张贺,陈锦昌.基于响应式的移动门户网站构建[J].现代计算机,2015,21(20):48-52. 被引量：6
5陈益全,吴多智.断点在响应式网页设计中的应用研究[J].微型电脑应用,2016,32(5):41-43. 被引量：7
6潘丹.基于bootstrap响应式web前端分析[J].数字技术与应用,2016,34(10):179-179. 被引量：2
7毛娟.网页制作中应用媒介查询实现响应式布局[J].电脑编程技巧与维护,2016(19):45-46. 被引量：2
8徐卫红.基于Bootstrap框架的响应式网页设计与实现——以电大《网页设计与制作》网络课程为例[J].江西广播电视大学学报,2016,18(4):92-96. 被引量：4
9沈晶晶,张伟.基于Bootstrap的农业监控系统响应式网页设计与实现[J].物联网技术,2017,7(4):84-85. 被引量：2
10严春燕,戴仕明.基于框架的web前端(Bootstrap和MUI)之比较[J].网络安全技术与应用,2017(4):83-84. 被引量：7

同被引文献32

1吴晓明,潘永红,谢惠芳.基于jQuery的中南大学门户网站Web UI的实现[J].武汉大学学报（理学版）,2012,58(S1):361-364. 被引量：8
2钱瑞伟,孔婷,李俊,潘金贵.基于SVG的实时Web GIS技术研究[J].计算机科学,2007,34(11):86-88. 被引量：9
3吴磊,张福庆.基于HTML canvas的WebGIS客户端技术研究[J].地理信息世界,2009,7(3):78-82. 被引量：33
4陈娜,吴信才,张发勇.基于WebGIS的iPhone公交信息查询系统的设计与实现[J].测绘科学,2009,34(6):276-278. 被引量：2
5刘文革,于雷.基于WebGIS煤矿事故应急救援系统的研究[J].中国安全科学学报,2010,20(1):171-176. 被引量：12
6徐卓揆.基于HTML5、Ajax和We bService的WebGIS研究[J].测绘科学,2012,37(1):145-147. 被引量：50
7徐莎,杨帆,徐昌庆.基于HTML5的WebGIS的研究与应用[J].信息技术,2012,36(4):149-151. 被引量：21
8唐彬.利用HTML5实现网页图表的研究[J].微型电脑应用,2012,28(10):28-30. 被引量：12
9李淼,杜明晶,苗放.网页设计中Bootstrap CSS框架的应用与拓展[J].电子技术与软件工程,2013(17):222-223. 被引量：9
10黄雪琴,耿强,陈显军.基于CSS+DIV的自适应宽度网页布局方法[J].计算机与现代化,2014(6):53-55. 被引量：12

引证文献6

1鹿方凯,韩发,张辉.基于HTML5技术的煤矿WebGIS移动智能终端设计[J].软件导刊,2018,17(8):216-218. 被引量：4
2彭雪萍.试析响应式网页的设计与开发[J].电脑编程技巧与维护,2018(10):8-10. 被引量：6
3刘小波,库夭梅,谢虎,张少翃.基于HTML5的响应式微课学习平台设计[J].现代计算机,2021,27(14):104-106. 被引量：1
4张兴竹,文洪建.Semantic UI框架在响应式网站前端开发中的应用[J].电脑编程技巧与维护,2022(8):67-69. 被引量：1
5陈洪敏.基于HTML5与CSS3的响应式网页设计研究[J].信息与电脑,2022,34(20):37-40. 被引量：3
6杨晓敏.基于bootstrap的响应式开发技术应用[J].电子技术（上海）,2023,52(3):88-89. 被引量：1

二级引证文献16

1谭卫,钟机灵.数字化采集与分享平台前端响应式实现策略研究[J].信息与电脑,2019,0(9):94-96. 被引量：1
2杨丹,鲍正德,唐娅雯.基于Web编程技术的定制化旅游网站设计[J].计算机系统网络和电信,2019,1(2):305-309.
3陆郁.浅谈CSS3 Media Query的使用方法[J].科技资讯,2019,17(27):22-22.
4刘巧丽,陈洁彬,贾春柳.浅析响应式网页的设计策略[J].信息记录材料,2020,21(4):228-229. 被引量：3
5谭珍,谢琪,高志强,卢俊玮.作物生产经营信息化服务云平台中的信息采集人机交互设计[J].农业展望,2020,16(5):78-83. 被引量：1
6郭亚东.动态网页前端开发技术及优化[J].产业与科技论坛,2020,19(22):49-50. 被引量：2
7刘小波,库夭梅,谢虎,张少翃.基于HTML5的响应式微课学习平台设计[J].现代计算机,2021,27(14):104-106. 被引量：1
8伍尚君.基于H5网页前端开发的项目启发式教学探究[J].科技视界,2021(33):124-125.
9郝天轩,赵立桢.废弃煤矿瓦斯资源信息管理云平台研发[J].矿业安全与环保,2022,49(1):77-83. 被引量：3
10张利刚,李波.以HTML5为基础的煤矿WebGIS移动智能终端设计分析[J].现代工业经济和信息化,2022,12(2):65-66.

1陈益全,吴多智.断点在响应式网页设计中的应用研究[J].微型电脑应用,2016,32(5):41-43. 被引量：7
2钟叶.Bootstrap框架在响应式Web开发中的应用与研究[J].科技广场,2017(2):26-28. 被引量：7
3刘志东,陈天伟.基于Bootstrap的响应式网页设计与实现[J].电脑知识与技术,2017,13(3):85-87. 被引量：8
4赵建保.响应式Web设计关键技术及设计流程[J].电脑知识与技术（过刊）,2014,20(2X):1066-1068. 被引量：13
5傅翠玉.响应式Web设计探究[J].信息与电脑,2016,28(9):79-80. 被引量：1
6邢希,田兴彦,王世运.响应式Web设计方法的研究[J].琼州学院学报,2013,20(2):36-38. 被引量：10
7冯兴利,洪丹丹,罗军锋,锁志海.自适应网页设计中的关键技术[J].计算机应用,2016,36(A01):249-251. 被引量：14
8许中博.“响应式”网页布局设计浅析[J].黑龙江科技信息,2012(26):106-106. 被引量：9
9吕媛媛,李可.移动端应用设计中的响应式实现方法[J].软件,2016,37(2):107-109. 被引量：12
10刘春力,姚文俊,王宪超.安防监控调测仪的中断点检测功能设计[J].单片机与嵌入式系统应用,2011,11(7):74-76.

软件导刊

2017年第4期

浏览历史

内容加载中请稍等...

基于Bootstrap的响应式网页设计中断点研究被引量：6

参考文献7

二级参考文献22

共引文献73

同被引文献32

引证文献6

二级引证文献16

相关作者

相关机构

相关主题

浏览历史

基于Bootstrap的响应式网页设计中断点研究 被引量：6

参考文献7

二级参考文献22

共引文献73

同被引文献32

引证文献6

二级引证文献16

相关作者

相关机构

相关主题

浏览历史

基于Bootstrap的响应式网页设计中断点研究被引量：6