响应式网站:重展示而轻交互

手机、平板电脑、PC等,屏幕尺寸越来越多。鼠标、键盘、触屏等,不同设备的交互特质存在不小差别。响应式布局,依靠CSS+少量JS,对各种屏幕尺寸进行响应。

响应式的优点:设计风格、细节能被复用;前端工程师只需要写一套CSS代码;不需要服务器端的支持。值得指出的是,大型站简单用media query是远远不够的。

响应式的缺点:桌面端交互、移动端交互很难做出合适的差异;前端执行效率略低5%左右;百度SEO、用户体验,明显高于自适应,但是不及独立手机站。

响应式对于主要是信息展示、不需要太多交互的场合是比较不错的,增加的代码不是很多。如果开发需求在PC、平板、手机上变化较大,那么建议单独分开设计比较好。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180605B1BESS00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券