18网络知道很多用户对新出来的响应式网站都还比较陌生，对它的一些功能还不够了解，而且也不知道在做响应式网站时需要注意的问题，所以想要了解响应式网站就来看看本编文章！

　一、什么是响应式网站

　简单地说，是利用HTML5等技术让页面自动响应PAD、手机端，满足网站对于不同尺寸屏幕的展现。

　响应式网站实现了跨屏幕传播，并逐渐替代手机站，十分利于品牌对于移动互联网领域的布局。同时，响应式网站支持一个后台管理，PC端、手机端的网站信息同步更新，极大的便利了后台维护人员。

　响应式设计在2012年被提的比较多，但是响应式设计仍然在不断变化，不断创新。

　“让人们忘记设备尺寸”的理念将更快地驱动响应式设计。

　二、什么情况下适合用响应式网站

　1、成本限制却想适应多个场景

　如果有的企业实在资源不够，但还是希望能适配多个领域，增加企业网站的覆盖面。虽说响应式完整建设比普通网站投入资源要高，但总比为不同的设备分别制造几个版本来的省力。而且考虑到维护成本，的确轻松不少

　2、企业定位仍然不明

　如果你的企业网站定位还不是十分明确，不想因为网站的制作错过机会，的确适合多花力气去制作一个响应式网站。在多设备都覆盖的情况下，的确有助于为企业接下来的布局获取更多的数据分析。

　3、企业所图甚大

　现在新设备日新月异，你并不想你的企业网站落后于人，与其被动等待设备的更新，还不如直接一步到位。响应式的确是一个为未来布局的技术。

　三、响应式网站建设中常见的问题

　1、屏幕尺寸多，很难做到一次编码，到处运行

　目前，主流的大家用来访问网页的设备有：计算机(废话)，iPad，Android Pad(例如三星的)，智能手机。那么做一个网站，必须到这些设备上去测试和运行。普通的网站作坊很少有人会愿意花这么多的精力去测试一个网站。

　2、视觉设计要求高、细节多

　因为不能使用绝对定位，那么在设计的时候需要考虑可读性以及区域面积以及在不同的设备下的行为。这对一般的设计师来说简直是一场灾难。所以很少有出众的响应式网站出现。

　3、前端实现难、跨技术合作

　响应式设计出的稿子，当然还需要响应式的实现。响应式网站建设的基础就是HTML5, CSS3。小的建站公司，一般是没有钱去聘用精通HTML5和CSS3技术的高手的。最多是让程序员在写代码之前看2天书，然后就赶鸭子上架。这就导致了即使设计师设计出了很棒的模板，但是在实现了之后，怎么看怎么不舒服。

　4、内容流

　随着屏幕尺寸越来越小，内容所占的垂直空间也越来越多，也就是说，内容会向下方延伸，这就叫做内容流。如果你习惯了使用像素和点进行设计，可能会觉得这个有点难掌握。不过没关系，习惯了就很好理解了。

　5、糟糕的用户体验

　你不能简单的把桌面版的内容压缩成移动版这么做将会影响你的用户的体验，用户可能会抛弃你的产品。在手机的有限空间内创建一个友好的界面是十分重要的。 你可以采取一些措施，比如，使用一个下拉菜单代替桌面上的导航条，这样会节省你的空间。如果你先设计的是移动端，那么这通常不会是一个令人头疼的问题。

　6、成本大

　因为响应式设计需要对多个界面兼容、功能调试，导致整个制作过程需要UI设计师和前端工程师要不断磨合制作。而测试人员也要在不同的设备下对网站进行测试。我们做过调查。如果创建一个普通网站的成本是1，那么创建一个响应式模板的成本大概在2.5左右。由于小的建站公司的报价普遍比较低，利润空间肯定不支持他们把网站做成响应式的。

　7、结论

　总的来说，响应式网站设计比传统的网站设计复杂的多。它需要更多的人员参与到网站制作中来。它给美工、前端和后台开发团队之间的协作模式带来很多挑战。因此，响应式网站的建设成本往往是传统网站的2-3倍。