自适应网页设计中的关键技术

• 作者: 冯兴利 洪丹丹 罗军锋 锁志海
• 来源期刊: 计算机应用
• 学科: 工学
• 关键词: 媒体查询 流动布局 HTML5 CSS3 自适应网页
• 年，卷（期）: 2016,（z1）
• 所属期刊栏目: 计算机软件技术
• 页码范围: 249-251,256
• 页数: 4页
• 分类号: TP393.092
• 字数: 2743字
• 语种: 中文

摘要

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

作者信息

序号	姓名	单位	发文数	被引次数	H指数	G指数
1	锁志海	西安交通大学数据与信息中心	56	567	12.0	22.0
2	罗军锋	西安交通大学数据与信息中心	20	117	6.0	10.0
3	洪丹丹	西安交通大学数据与信息中心	13	57	4.0	7.0
4	冯兴利	西安交通大学数据与信息中心	16	86	4.0	9.0