响应式网站和普通网站有什么区别？

经常有人问：现在做网站老听人说"要做响应式的"，这响应式到底是啥，和普通网站有什么不一样，值不值得为它多花钱？下面用问答的方式，把这个问题一次说清楚。

响应式网站到底是什么意思

简单说，响应式网站就是同一个网站，能自动适应不同大小的屏幕——在电脑上是电脑的排版，在手机上自动变成适合手机的样子，在平板上又是另一种合适的布局。它不是为手机单独做一个网站，而是一套网站智能地"随屏幕变形"，保证在任何设备上看着都舒服、用着都顺手。

普通网站不能在手机上看吗

能看，但体验可能很糟。所谓"普通网站"，这里多指只按电脑屏幕设计、没做手机适配的网站。这种网站在电脑上是正常的，可一旦用手机打开，往往整个版面缩成一团，字小得要使劲放大才看得清，图片错位、按钮难点。能打开不等于好用，这种糟糕的手机体验，会让客户直接关掉页面。

为什么现在都强调响应式

因为客户的访问习惯变了。现在通过手机访问网站的人，占了相当大的比例，很多客户是先在手机上搜索、了解，再决定要不要联系你。如果你的网站在手机上一塌糊涂，等于把大半的潜在客户挡在了门外。响应式能保证这部分手机访客也有好的体验，所以现在它基本成了企业网站的标配。

响应式会让网站变贵很多吗

不会差得离谱。如今响应式已经是主流做法，大多数正规建站方默认就按响应式来做，不会因此狮子大开口。需要警惕的反而是那些为了压低价格、省掉手机适配的低价方案——表面便宜，实际把最重要的手机体验给牺牲了。签约前最好明确问一句：做不做响应式、手机端效果怎么样。

怎么判断一个网站是不是响应式

有个很简单的办法：在电脑上打开网站，用鼠标拖动浏览器窗口，把它从宽拉到窄。如果网站的版面会跟着窗口大小平滑地重新排列、内容始终摆得整整齐齐，那基本就是响应式的；如果版面纹丝不动、只是出现横向滚动条或内容被切掉，那多半没做响应式。用手机直接打开看看，也能一目了然。

常见疑问