响应式网站的误区

　　对于新手来说，响应式网站是优先考虑的目标，然而它不是万能的，现在我们来谈谈响应式网站的一些误区吧。

1.响应式设计不必适用于所有用例

　　过去人们常常争论说每个用例(简单来说，就是对系统功能的描述)都有各自的特点，响应式网站设计并不是对每个用例都有效，这是个很明显的误区，因为用例事实上是响应式网站的重点，网站设计师或开发者必须考虑到每一个用例，并且尽可能测试用例的所有设备，最优化网站布局，这样才更能给用户提供良好的浏览体验，用户才更可能热衷于我们的网站。不将这一点牢记于心，是很难做好响应式网站的。

2.响应式设计只关注设备断点

　　在响应式网站中，我们是通过媒体查询的方式改变网站的布局，在哪种宽度下改变布局，这就是我们常说的断点。在进行响应式网站设计时，很多设计师都习惯于针对某些设备的数据来设置断点，最常见的3种设备当然是电脑(台式/笔记本，平板，手机)，这样一来设计出来的就是针对某些设备分辨率的网站。这并不可取，因为屏幕尺寸是靠不住的，它会随着科技的发展和人们的喜好不断变化，举个栗子来说，我们的上网习惯已经从使用台式电脑发展到手机再到今天的智能手机，屏幕由大到小又再次变大，所以我们不应该只根据屏幕大小、设备的分辨率设置断点。只注重设备断点，一旦某个设备的屏幕尺寸发生变化，我们就需要及时修改网站布局，这种过程耗时又耗力。 但是在纯粹的视觉设计阶段，我们可能无法判定内容在什么时候会达到临界点，因此最好的方法是将网站内容与现有的设备相结合确立一个断点，绝不能只关注设备的断点。

3.响应式设计等于移动端优化

　　由于现在移动互联网发展迅速，手机网站十分火热，各种移动设备推动了响应式网站设计的产生，很多人在做响应式网站设计时只考虑移动端，认为响应式网站等同于移动端优化。其实响应式设计同移动端优化是截然不同的，移动端优化一般是指网站针对手机站特别优化过 ，而响应式网站设计的目的就在于使网页适应任何屏幕，任何比例和宽度的互联网产品。在响应式网站中虽然移动端效果很重要，但它并不是唯一的，我们也还想到大屏幕的设备。而且随着视网膜显示屏和视频游戏浏览器的兴起，很多用户开始在更大的屏幕分辨率下浏览网页，用户上网的情景越发多样。但使用情景也很重要，它直接的决定了用户采取哪种设备上网，潜移默化的对用户的浏览行为产生影响。这也是为什么响应式网站的内容需要完美适用不同的屏幕分辨率。所以记住：响应式网站并不仅仅是移动网站，并不等同于移动端优化。

4。响应式设计可以隐藏网站内容

　　与其他类型的网站相比，响应式网站通常会有比较少的空间用来放置文本和图片(同时考虑电脑端和移动端)，因此一些站长在做响应式网站时会将网站的部分内容隐藏起来。有人认为这是可取的，但只要仔细想一下你就会知道这个错误很明显，响应式设计是为了让网站内容更容易可见，如果我们隐藏网站内容，那为什么还要设计响应式网站呢?而且，我们假设某个内容或部分是可以隐藏的，我们主观的认为用户不需要这个信息，这可能会给用户带来极其糟糕的体验，那所谓不重要的东西用户也许非常看重。所以针对空间比较少的问题，应该怎么办呢?其实我们可以通过添加导航链接或锚链接的方式重新合理安排网站内容，使用多种工具保证网站内容的可读性。另外，小飞要说明一点，通过CSS布局控制隐藏的内容在用户进行浏览时仍然会被加载，那为什么不提供完整的用户体验呢?网站内容在任何设备应该都是统一的，千万不要限制用户在某个设备上可以获得的信息。

响应式设计扼杀了网站表现力

　　响应式网站可以适用于多种终端(电脑、手机、pad等)，这是它的优势所在，但有些人认为这也是响应式设计的缺点，因为需要同时兼顾移动端和客户端，在很多方面(个性化设计或性能能等方面)会有很大的局限性，这严重影响了网站的表现力。不可否认，现在很多设计都开始变得相似，版式布局基本一致，图片来源大同小异，潮流趋向基本相同，Bootstrap与Foundation的流行甚至使得很多设计师直接套用一模一样的代码库、风格 。但是，即使使用的工具和资源相差无几，如何发挥扩大网站的表现力的关键还在于我们自己。我们可以通过调整图像排列方式、使用独特元素(如使用六边形代替方形)、插画元素、缩略图等来让自己的网站脱颖而出(下图就是一个很好的栗子)

5响应式设计影响排版

　　响应式网站中的排版也是一个很让人头疼的问题，就像我们上面说的，在设计师选择根据移动等设备设置断点时，遇到不适合的设备时网站内容可能就无法很好的显示出来，网站排版就会"遭殃"。所以不少人都觉得响应式网站上的文字排版很有难度，甚至有些人认为在响应式网站上就做不好排版。其实，做好网站的排版并没有想象中那么困难，一方面，我们应该注重网站的内容，内容是王道。我们应该致力于怎样让用户更快速、更容易得到信息，保证内容的可读性，同时记住响应式网站的设计应该结合内容和设备来设置断点。

了解不同模板的规则也是优秀的程序员高做到的事，希望这篇文章能够帮到你。