文献类型：期刊文章

作　　者：冯兴利[1] 洪丹丹[1] 罗军锋[1] 锁志海[1]

机构地区：[1]西安交通大学数据与信息中心,西安710049

出　　处：《计算机应用》

基　　金：教育部科技发展中心专项(2011jybkjfz01)

年　　份：2016

卷　　号：36

期　　号：A01

起止页码：249-251

语　　种：中文

收录情况：AJ、BDHX、BDHX2014、CSA、CSA-PROQEUST、CSCD、CSCD_E2015_2016、IC、INSPEC、JST、RCCSE、ZGKJHX、ZMATH、核心刊

摘　　要：针对移动设备上浏览网页时产生的可读性差、人机交互性差、加载速度慢、页面布局不合理、用户体验差等缺点,提出了基于媒体查询技术和流动布局技术的自适应网页设计方法。媒体查询技术是层叠样式表(CSS3)的关键技术,能够将页面内容不经修改而直接显示在特定尺寸的设备屏幕上,而流动布局技术则能够使页面普遍适应各种分辨率不同的设备,做到网页的普遍自适应。该技术使移动客户端网页布局更加合理,页面内容具备更好的可读性,经Web Pagetest测试表明,自适应网页与非自适应网页相比,页面加载时间能够明显缩短,加载速度大幅提高,更好地提升了用户体验。

关 键 词：媒体查询  流动布局  HTML5 CSS3 自适应网页  

分 类 号：TP393.092]