期刊文献+

V-SW多终端Web全适配开发技术研究

Research on V-SW Multi-terminal Web Full Adaptation Development Technology
下载PDF
导出
摘要 随着互联网及网络终端的发展,Web开发需要主动适配多种终端设备的访问需求。当前主流技术是使用基于rem字体单位配合media query媒体查询来实现的响应式开发适配技术。此技术存在诸多缺陷。本文探索将vw相对视区单位以及screen.width屏幕宽度相关特性,应用于多终端设备响应的适配中,研究其对主流媒体查询适配技术存在问题的改进。 With the development of the Internet and network terminals,Web development needs to actively adapt to the access requirements of a variety of terminal devices. The current mainstream technology is a responsive development adaptation technology which is realized by using rem-based font units to combine with media query media queries. This technology has many deficiencies. This paper explores ways of applying vw relative viewcell unit and screen.width screen width correlation characteristics to the adaptation of multi-terminal device response,and researches its improvement on the mainstream media query adaptation technology.
作者 吴睿 WU Rui(College of Economics and Technology,Anhui Agricultural University,Hefei 230011,China)
出处 《长春大学学报》 2019年第10期39-44,共6页 Journal of Changchun University
基金 安徽省教育厅项目(ZRKX2017B0716)
关键词 WEB开发 多终端适配 响应式设计 Web development multi terminal adaptation responsive design
  • 相关文献

参考文献7

二级参考文献40

  • 1Ethan Mareotte. Responsive web design [ EB/Ol]. ( 2010 - 05 - 25 ) [ 2012 - 12 - 01 ]. http ://www. alistapart, conCarticles/responsive - web - desigt/. 被引量:1
  • 2张树明,贝岩.Web技术基础-XHTML、CSS、JavaScript[M].北京:清华大学出版社,2013. 被引量:2
  • 3Tim Kadlec. hnplementing responsive design building sites for an anywhere, everywhere web[ M] . San Francisco : New Riders Publishing,2012. 被引量:1
  • 4显示分辨率列表[EB/OL].http://zh.wikipedia.org,/wiki/显示分辨率列表. 被引量:1
  • 5Zoe Mickley Gillenwater. Flexible web design: creating liquid and elastic layouts with CSS[ M]. San Francisco:New Riders Publishing,2008. 被引量:1
  • 6Ethan Marctte. Fluid grids [EB/OL ]. (2009 - 03 - 03 ). http ://alistapart. com/article/fluidgrids. 被引量:1
  • 7Richard Rutter. Fluid images [ EB/OL]. http://unstoppablerobotninja, con/entry/fluid - images. 被引量:1
  • 8Filament Group. Responsive images:experimenting with context - aware image sizing [ EB/OL]. http ://filamentgroup. corn/lab/responsive_images experimenting_with context awareimagesizing/. 被引量:1
  • 9工业和信息化部电信研究院.移动互联网白皮书[EB/OL].http://www.catr.cn/kxyj/qwfb/bps/201405/P02014-0512339464414386.pdf, 2014-05-01. 被引量:7
  • 10工业和信息化部电信研究院.移动终端白皮书[EB/OL].http://www.catr.cn/kxyj/qwfb/bps/201405/P020140512339-464414386.pdf, 2014-05-01. 被引量:1

共引文献41

相关作者

内容加载中请稍等...

相关机构

内容加载中请稍等...

相关主题

内容加载中请稍等...

浏览历史

内容加载中请稍等...
;
使用帮助 返回顶部