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

• 全文链接
• 请求原文

作   者：

冯兴利;  洪丹丹;  罗军锋;  锁志海; 

作者机构：

西安交通大学数据与信息中心; 

关键词：

自适应网页;  HTML5;  流动布局;  媒体查询;  CSS3; 

期刊名称：

计算机应用

基金项目：

i s s n：

1001-9081

年卷期：

2016 年 36 卷 S1 期

页   码：

249-251+256

摘   要：

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