【调研报告】响应式布局

响应式布局已经被越来越多的网站采用,它的优势也很明显,它会根据不同的设备及设备分辨率的大小自动调整页面布局,充分利用屏幕尺寸达到最佳视觉效果。

从统计数据看,分辨率宽度大于980的份额达到了99.5%,基本涵盖了所有的用户,分辨率大于1200的占比已达到82.84%,占据了绝大多数。为了充分利用用户的显示器可视区域,此次新首页将之前980的宽度提高到1200,由于980到1200的占比还是相对较大(16.66%),此次改版同时也需要兼容980的宽度。

此次新首页改版,如果pad端和pc端要共用同一套模板的话,由于各代ipad的分辨率大小都在980以上,同时配合设置viewport相关属性,可以呈现和pc端一样的布局。下表是业内一些网站针对响应式布局的一些处理方式:

【调研报告】响应式布局

【调研报告】响应式布局

从调研这些网站来看,只有淘宝兼容了800 – 980之间的宽度,即当800*600分辨率的显示器访问淘宝首页时,在不通过拉动横向滚动条也能正常看到所有内容的。大多都是对两

Word文档免费下载Word文档免费下载:【调研报告】响应式布局 (共3页,当前第2页)

你可能喜欢

  • TP-LINK无线路由器设置方法
  • CA6140车床套
  • 消防培训课件
  • 山东专升本英语词汇
  • 山东专升本计算机真题
  • 数字图像处理研究
  • 西门子S7-200
  • 群众路线教育

【调研报告】响应式布局相关文档

最新文档

返回顶部