什么是响应式设计?

同一组网页会自动调整版面,去适应打开它的屏幕——手机、平板或电脑——而不是另外做一个手机版网站。图片跟着缩放,导航收起,访客不用放大缩小。

为什么开店的人要在意

会上网找本地店家的人,多半正拿着手机。版面如果是照电脑排的,他们看到的就是米粒大的字、点不下去的电话号码,还有一路跑出右边界的导航——通常在找到价目表之前就关掉了。搜索引擎也是先读移动端的页面,所以不管你有没有专门设计,代表你这家店的就是手机上那个样子。

怎么用自己的手机检查一遍

  1. 看真的网站,别只看预览。用你自己的手机、走移动网络打开已经发布的网址,看到什么就是什么——台式机屏幕上的编辑器预览只是你网站的一张示意图,不是你的网站。
  2. 不放大,把整页读一遍:店名、你卖什么、地址、营业时间、价格。任何你得放大才看得清的东西,客人就是直接跳过的东西。
  3. 每一个会带来生意的按钮都点一次——打电话、查路线、订座、加入购物车——然后把手机转横再刷新。如果有一栏滑出画面外,或图片压到文字上,那个版面是固定宽度,不是响应式。

常见的误解: 以为响应式就是再做一个手机版网站。它是同一组网页、同一份内容;做成两个网站,只是多了一个地方让营业时间过期。