[Objective] Automatically fit the features and requests of mobile reading and keep the features of Web page at the same time. Reduce the cost of development and maintains. [Context] Improve user experience in accessing on different devices and fit the requests of mobile reading market. [Methods] Based on HTML5 which combines with CSS5 and JavaScript, and refactor Bootstrap framework. [Results] Get expected display effect on both PC clients and mobile clients. [Conclusions] It should be a direction that virtual library develops with responsive Web design. With this technique, mobile library and Web library become from complementation to a new type of Web mobile library.
刘智惠, 薛晶晶, 卢倩芸. 面向不同设备的响应式网页设计——Web移动图书馆[J]. 现代图书情报技术, 2014, 30(11): 95-101.
Liu Zhihui, Xue Jingjing, Lu Qianyun. Analysis on Responsive Web Design for Different Devices——The Web Mobile Library. New Technology of Library and Information Service, 2014, 30(11): 95-101.
[1] 龙泉, 谢春枝, 申艳. 国外高校移动图书馆应用现状调查及启示[J]. 图书馆论坛, 2013, 33(3): 60-64, 24. (Long Quan, Xie Chunzhi, Shen Yan.The Survey and Enlightenment of Mobile Service in Foreign Universities [J]. Library Tribune, 2013, 33(3): 60-64, 24.)
[2] 叶莎莎, 杜杏叶. 国内外移动图书馆的应用发展综述[J].图书情报工作, 2013, 57(6): 141-147. (Ye Shasha, Du Xingye. Review on Application Development Status of Mobile Library at Home and Abroad [J]. Library and Information Service, 2013, 57(6): 141-147.)
[3] 龙泉, 谢春枝, 申艳, 等. 国内外高校图书馆移动服务现状及比较分析[J]. 情报杂志, 2013, 32(2): 173-176. (Long Quan, Xie Chunzhi, Shen Yan, et al. The State of the Art and Comparative Analysis of Mobile Services in Domestic and International University Libraries [J]. Journal of Intelligence, 2013, 32(2): 173-176.)
[4] 魏群义, 侯桂楠, 霍然, 等.国内移动图书馆应用与发展现状研究——以"985"高校和省级公共图书馆为调研对象[J].图书馆, 2013(1): 114-117. (Wei Qunyi, Hou Guinan, Huo Ran, et al. A Study on Practical and Developing Status of Chinese Mobile Libraries: Based on the Investigation of 985 Academics and Provincial Public Libraries [J]. Library, 2013(1): 114-117.)
[5] 艾媒咨询. 2013Q1中国智能手机市场季度报告[EB/OL]. [2013-05-06]. http://www.iimedia.cn/36650.html. (iiMedia Research. Market Quarterly Report of Smartphone in China (2013 First Quarter) [EB/OL].[2013-05-06]. http://www.iimedia. cn/36650.html.)
[6] Responsive Web Design[EB/OL].[2014-06-06].http://alistapart. com/article/responsive-web-design.
[7] Bootstrap[EB/OL].[2013-08-15]. http://www.bootcss.com/.
[8] Bootstrap Expo[EB/OL].[2014-06-06]. http://expo.getbootstrap. com/.
[9] LESS CSS [EB/OL].[2014-06-06]. http://www.ibm.com/ developerworks/cn/web/1207_zhaoch_lesscss/.
[10] Frain B. 响应式Web设计HTML5和CSS3实战[M]. 王永强译. 北京: 人民邮电出版社, 2013. (Frain B. Responsive Web Design with HTML5 and CSS3[M]. Translated by Wang Yongqiang. Beijing: Post & Telecom Press, 2013.)
[11] 张树明. 基于响应式Web设计的网页模板的设计与实现[J]. 计算机与现代化, 2013(6): 125-127. (Zhang Shuming. Design and Implementation of Webpage Template Based on Responsive Web Design [J]. Computer and Modernization, 2013(6): 125-127.)
[12] Offcanvas[EB/OL].[2013-08-15].http://v3.bootcss.com/examples/offcanvas/.
[13] BootstrapV3.2.0[EB/OL].[2014-06-06].http://getbootstrap.com/getting-started/.
[14] ScreenQueri[EB/OL].[2014-06-06]. http://beta.screenqueri.es/.
[15] W3C中国[EB/OL].[2014-04-10]. http://www.chinaw3c.org/. (W3C China [EB/OL].[2014-04-10]. http://www.chinaw3c.org/.)
[16] 复旦大学[EB/OL].[2014-04-16]. http://www.fudan.edu.cn/. (Fudan University [EB/OL].[2014-04-16].http://www.fudan. edu.cn/.)
[17] 华东师范大学[EB/OL].[2014-04-16]. http://www.ecnu.edu. cn/. (East China Normal University [EB/OL].[2014-04-16]. http://www.ecnu.edu.cn/.)