伊春广电网手机网站页面设计与应用.docVIP

精品文档（可编辑） 值得下载 伊春广电网手机网站页面设计与应用 摘 要 本文分析了手机页面设计与传统电脑页面设计的不同；并应用自适应页面设计思想，通过对响应式布局和自适应布局的对比论述，找到了简便易行，适合中小网站操作的手机页面编写方法。 关键词 手机网页设计；自适应页面设计；响应式布局；自适应布局；自动跳转 中图分类号TP39 文献标识码A 文章编号 1674-6708（2014）116-0229-02 0 引言 根据国家统计局2014年2月份发布的2013年国民经济和社会发展统计公报显示，截至2013年底我国有超八成网民通过手机上网。随着人们上网习惯的改变，用户对网站的浏览体验也有了新要求：除了要有良好的电脑版浏览体验外，也要在各种移动终端都要有良好的浏览体验。伊春广电网是虽属偏远地区的中小型网站，但是随着移动互联网进程的不断加快和智能终端的大范围普及，我们也面临着同样的用户需求。 虽然电脑版网页也可在手机上浏览，但是由于屏幕、操作系统和方式等的改变，问题也就随之而出，例如：由于手机屏较电脑屏尺寸小很多，电脑版页面经手机浏览器整体缩小后，内容难以看清，手动放大后，横向滚动条又出现，影响用户的浏览体验；电脑版页面的弹窗和FLASH等行为不仅浪费流量、影响网页下载时间，而且在手机上的兼容性不好；电脑版页面的信息模块和按钮多，在触控屏上不便操作等。