响应式网站建设功能确实很实用，但它并不是一把钥匙。一些设计开发人员把移动设备的问题想的过于简单化，觉得响应式网站建设能解决一切。

如果你在移动设备上一味坚持响应式网站建设，在转换率后就可能隐藏着性能问题。据Guy Podjarny研究，72%的响应式网站不分屏幕大小都提供相同的字节，而这势必会降低移动网络连接速度，你要清楚的是：不是所有用户都有耐心等着网站加载，或许还没等用户感受到响应式设计在不同屏幕的表现，用户就会因为迟迟等不到加载结束就关掉网站。

移动化时代，响应式可以解决跨桌面和移动端视窗大小范围的问题。但是只考虑屏幕大小就低估了移动设备。因为现在，桌面和移动端的界限正在变得模糊，基于不同的设备对我们而言仍然有多种可能性。比如，不同设备渲染的方式各异，在iPhone上很棒的页面或许在其它平台上表现得很糟糕。

响应是设计是一种根据设备屏幕大小和分辨率，基于桌面网站自适应网站的内容，设计和导航的方法。它对网站的布局有严格的要求，只有流体网格式的页面布局才能被抓取，实现响应式设计效果。所以，响应式网站建设是主要针对前端页面的一种移动化解决方案。

对于网站的移动化来说，它是一种折中性质的设计解决方案，因为它不能通过后台专门针对移动端设备进行灵活的改变和调整，而且由于对设计要求严苛，它会因为多方面因素影响而难以达到***呈现效果。如果你不信，让我们来看看几个典型的例子：

一、菜单拆行 

如果PC端页面顶部使用了导航栏，当页面展现在小屏幕上时，响应式设计通常会把它“掰”成更紧凑的格式，但这并非总是有效，如果显示区域比断点更宽，又不足以在一行显示所有菜单项的话，结果会导致菜单的折行。

二、图片被裁剪

在响应式设计中，内容区域通常都随窗口尺寸变化。所以当网站有使用固定宽度图片时，当图片超出显示区域时，图片就会被裁剪掉，如下图，由于图片太大，于是出现了滚动条，内容被推到屏幕之外。

 三、元素扭曲 

本质上，布局显示在小窗口上的时候，所有未经处理的列都会以行的形式呈现。这是个问题，因为内容的扭曲会不经意地改变设计的层级，并在一定程度上改变网站原有的布局结构，会出现用户混淆的情况。

当一个响应式网站建设的导航刚好在一行内展示，如果需要再添加一个新的导航类目、内容章节，或者将导航标题翻译成其他语言后导致字符长度变化，你知道会发生什么吗？没错！这些情况都会破坏原有的设计方案，比如会出现导航全部挤在一起的情况，这简直会要了那些“粗手指”的命，因为在小屏幕上，怎么点也点不到自己想要访问的导航链，这样就大大增加了误操作的几率。

响应式网站建设不是钥匙，它设计初衷并不是要取代移动端网页，而是为了适应移动端。