调查问卷：关于呼应式规划的误区你又知道多少?

       现在许多人每天都会运用移动设备（平板、手机等）进入手机站阅读，在看到网页无法习惯小屏幕时，人们常常挑选退出、放弃阅读。呼应式规划便是在这种情况下应运而生的，它正逐步成为网站建造规划的干流形式之一，企业进行网站建造时也逐步采用呼应式，可是咱们是否真的懂呼应式网站规划?不少人对呼应式网站规划都存在着以下6个误解，只需解开这些"心结"，咱们才能够在网站建造的过程中有用防止，才能做出一个用户满意度高的呼应式网站，真实发挥企业网站在吸引顾客、促进产品销售等方面的作用。接下来一起来看看吧！

        一、呼应式规划等于移动端优化

       因为现在移动互联网发展迅速，手机网站非常火热，各种移动设备推动了呼应式网站规划的发生，许多人在做呼应式网站规划时只考虑移动端，以为呼应式网站等同于移动端优化。其实呼应式规划同移动端优化是截然不同的，移动端优化一般是指网站针对手机站特别优化过 ，而呼应式网站规划的意图就在于使网页习惯任何屏幕，任何比例和宽度的互联网产品。在呼应式网站中尽管移动端效果很重要，但它并不是仅有的，咱们也还想到大屏幕的设备。并且跟着视网膜显示屏和视频游戏阅读器的鼓起，许多用户开端在更大的屏幕分辨率下阅读网页，用户上网的情形越发多样。

       因此，在规划呼应式网站时，咱们最好能将用户不同的运用环境也考虑进去。想想用户现在或许正运用什么样的设备进行阅读：是手机仍是家里内嵌阅读器的智能电视或机顶盒?想想用户现在或许在哪?是在零售店排队仍是在野外露营?尽管咱们一向强调内容是王道，但运用情形也很重要，它直接的决议了用户采取哪种设备上网，潜移默化的对用户的阅读行为发生影响。这也是为什么呼应式网站的内容需求完美适用不同的屏幕分辨率。所以记住：呼应式网站并不仅仅是移动网站，并不等同于移动端优化。

       二、呼应式规划不必适用于一切用例

       曩昔人们常常争论说每个用例(简单来说，便是对系统功能的描绘)都有各自的特点，呼应式网站规划并不是对每个用例都有用，这是个很明显的误区，因为用例事实上是呼应式网站的重点，网站规划师或开发者必须考虑到每一个用例，并且尽或许测试用例的一切设备，最优化网站布局，这样才更能给用户供给杰出的阅读体会，用户才更或许热衷于咱们的网站。不将这一点牢记于心，是很难做好呼应式网站的。

       三、呼应式规划只重视设备断点

       在呼应式网站中，咱们是经过媒体查询的方法改动网站的布局，在哪种宽度下改动布局，这便是咱们常说的断点。在进行呼应式网站规划时，许多规划师都习惯于针对某些设备的数据来设置断点，最常见的3种设备当然是电脑(台式/笔记本，平板，手机)，这样一来规划出来的便是针对某些设备分辨率的网站。这并不可取，因为屏幕尺度是靠不住的，它会跟着科技的发展和人们的喜好不断改变，举个栗子来说，咱们的上网习惯现已从运用台式电脑发展到手机再到今日的智能手机，屏幕由大到小又再次变大，所以咱们不应该只依据屏幕巨细、设备的分辨率设置断点。只重视设备断点，一旦某个设备的屏幕尺度发生改变，咱们就需求及时修改网站布局，这种过程耗时又耗力。

       那么断点应该怎样设置呢?在设置断点之前咱们要理解一点，做呼应式网站是为了让网站内容对一切用户可见，而不是只针对某个设备的用户。所以，断点最好依据网站的内容设置，当咱们的内容在达到一个零界点时，比方视觉效果不够漂亮或许影响了网站内容的传递共享，这便是咱们想要的断点。

       四、呼应式规划能够躲藏网站内容

       与其他类型的网站相比，呼应式网站通常会有比较少的空间用来放置文本和图片(一起考虑电脑端和移动端)，因此一些站长在做呼应式网站时会将网站的部分内容躲藏起来。有人以为这是可取的，但只需仔细想一下你就会知道这个过错很明显，呼应式规划是为了让网站内容更简单可见，假如咱们躲藏网站内容，那为什么还要规划呼应式网站呢?并且，咱们假定某个内容或部分是能够躲藏的，咱们主观的以为用户不需求这个信息，这或许会给用户带来极其糟糕的体会，那所谓不重要的东西用户或许非常看重。所以针对空间比较少的问题，应该怎么办呢?其实咱们能够经过增加导航链接或锚链接的方法从头合理安排网站内容，运用多种东西保证网站内容的可读性。别的，小优要阐明一点，经过CSS布局控制躲藏的内容在用户进行阅读时依然会被加载，那为什么不供给完好的用户体会呢?网站内容在任何设备应该都是统一的，千万不要限制用户在某个设备上能够获得的信息。相结合建立一个断点，绝不能只重视设备的断点。

       五、呼应式规划扼杀了网站表现力

       呼应式网站能够适用于多种终端(电脑、手机、pad等)，这是它的优势地点，但有些人以为这也是呼应式规划的缺陷，因为需求一起兼顾移动端和客户端，在许多方面(个性化规划或功能能等方面)会有很大的局限性，这严重影响了网站的表现力。不可否认，现在许多规划都开端变得类似，版式布局根本一致，图片来历迥然不同，潮流趋向根本相同，Bootstrap与Foundation的流行乃至使得许多规划师直接套用一模一样的代码库、风格 。可是，即使运用的东西和资源相差无几，如何发挥扩大网站的表现力的关键还在于咱们自己。

       咱们能够经过调整图像排列方法、运用独特元素(如运用六边形替代方形)、插画元素、缩略图等来让自己的网站锋芒毕露(下图便是一个很好的栗子)。让小优在这给一切人一个统一的解决方案并不现实，因为不同的网站意图不同，合适的表现形式也不同， 咱们应该找找哪种方法更合适自己的网站，更能够扩大自己网站的表现力。从某个程度上来说，呼应式体现的是一种高度习惯性的规划思维形式。在探索呼应式规划的道路上，呼应式本身并不是仅有意图，根据任意设备对页面内容进行完美规划的规划或许更是咱们的课题。现在你还要说呼应式规划扼杀了你网站的表现力吗?

        六、呼应式规划影响排版

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

       另一方面，呼应式网站便是关于如何恰当布局的问题。在这点上，ems是一个很好的东西。"Ems"(em)是网页媒体文档的一个衡量单位，咱们能够运用它设置字体、内外边距来合理规划网站排版，增强网站内容的可读性。这是因为ems是一个可缩放的相关单位，它能够依据父级元素的字体巨细进行相对应的缩放，这意味着不论字体增大仍是缩小，网站的布局也会相应的进行调整，排版不会有任何变形。因为其可伸缩性和习惯移动设备的特性，ems在web文档中正变得越来越受欢迎。