真实的谎言 关于响应式设计的六个认识误区

　　如今许多人天天城市利用挪动装备(仄板、脚机等)阅读网站，正在看到网页没法顺应小屏幕时，人们经常挑选退出、抛却阅读。呼应式设想便是正在那种状况下应运而死的，它正逐步成为网站设想的支流情势之一，可是我们能否实的懂呼应式网站设想?据没有完整统计，很多人对呼应式网站设想皆存正在着以下6个曲解，只要解开那些"心结"，我们才气够正在网站设想的历程中有用制止，才气做出一个愈加用户友爱的呼应式网站，阐扬网站正在吸收主顾、增进产物贩卖等圆里的做用。接下去便战小飞一同看看吧!

　　呼应式设想即是挪动端劣化

　　因为如今挪动互联网开展疾速，脚机网站非常炽热，各类挪动装备鞭策了呼应式网站设想的发生，许多人正在做呼应式网站设想时只思索挪动端，以为呼应式网站同等于挪动端劣化。实在呼应式设想同挪动端劣化是判然不同的，挪动端劣化普通是指网站针敌手机站出格劣化过 ，而呼应式网站设想的目标便正在于使网页顺应任何屏幕，任何比例战宽度的互联网产物。正在呼应式网站中固然挪动端结果很主要，但它其实不是独一的，我们也借念到年夜屏幕的装备。并且跟着视网膜显现屏战视频游戏阅读器的鼓起，许多用户开端正在更年夜的屏幕分辩率下阅读网页，用户上彀的情形更加多样。

　　因而，正在设想呼应式网站时，我们最好能将用户差别的利用情况也思索出来。念念用户如今能够正利用甚么样的装备停止阅读：是脚机借是家里内嵌阅读器的智能电视或机顶盒?念念用户如今能够正在哪?是正在整卖店列队借是正在家中露营?固然我们不断夸大内容是霸道，但利用情形也很主要，它间接的决议了用户采纳哪一种装备上彀，耳濡目染的对用户的阅读止为发生影响。那也是为何呼应式网站的内容需求完善合用差别的屏幕分辩率。以是记着：呼应式网站其实不仅仅是挪动网站，其实不同等于挪动端劣化。

　　呼应式设想没必要合用于一切用例

　　已往人们经常争辩道每一个用例(简朴去道，便是对体系功用的形貌)皆有各自的特性，呼应式网站设想其实不是对每一个用例皆有用，那是个很较着的误区，果为用例究竟上是呼应式网站的重面，网站设想师或开辟者必需思索到每个用例，而且尽量测试用例的一切装备，最劣化网站规划，那样才更能给用户供给优良的阅读体验，用户才更能够热中于我们的网站。没有将那一面服膺于心，是很易做好呼应式网站的。

　　呼应式设想只存眷装备断面

　　正在呼应式网站中，我们是经由过程媒体查询的方法改动网站的规划，正在哪一种宽度下改动规划，那便是我们常道的断面。正在停止呼应式网站设想时，许多设想师皆风俗于针对某些装备的数据去设置断面，最多见的3种装备固然是电脑(台式/条记本，仄板，脚机)，那样一去设想出去的便是针对某些装备分辩率的网站。那其实不可与，果为屏幕尺寸是靠没有住的，它会跟着科技的开展战人们的爱好不竭变革，举个栗子去道，我们的上彀风俗曾经从利用台式电脑开展得手机再到明天的智妙手机，屏幕由年夜到小又再次变年夜，以是我们不该该只按照屏幕巨细、装备的分辩率设置断面。只重视装备断面，一旦某个装备的屏幕尺寸发作变革，我们便需求实时修正网站规划，那种历程耗时又耗力。

　　那末断面该当如何设置呢?正在设置断面之前我们要大白一面，做呼应式网站是为了让网站内容对一切用户可睹，而没有是只针对某个装备的用户。以是，断面最好按照网站的内容设置，当我们的内容正在到达一个整界面时，好比视觉结果不敷美妙大概影响了网站内容的通报分享，那便是我们念要的断面。 可是正在地道的视觉设想阶段，我们能够没法断定内容正在甚么时分会到达临界面，因而最好的办法是将网站内容取现有的装备相分离建立一个断面，毫不能只存眷装备的断面。

　　呼应式设想能够躲藏网站内容

　　取其他范例的网站比拟，呼应式网站凡是会有比力少的空间用去安排文本战图片(同时思索电脑端战挪动端)，因而一些站少正在做呼应式网站时会将网站的部门内包庇躲起去。有人以为那是可与的，但只需认真念一下您便会晓得那个毛病很较着，呼应式设想是为了让网站内容更简单可睹，假如我们躲藏网站内容，那为何借要设想呼应式网站呢?并且，我们假定某个内容或部门是能够躲藏的，我们客观的以为用户没有需求那个疑息，那能够会给用户带去极端蹩脚的体验，那所谓没有主要的工具用户或许十分垂青。以是针对空间比力少的成绩，该当怎样办呢?实在我们能够经由过程增加导航链接或锚链接的方法从头开理摆设网站内容，利用多种东西包管网站内容的可读性。别的，小飞要阐明一面，经由过程CSS规划掌握躲藏的内容正在用户停止阅读时仍旧会被减载，那为何没有供给完好的用户体验呢?网站内容正在任何装备该当皆是同一的，万万没有要限定用户正在某个装备上能够得到的疑息。

　　呼应式设想抹杀了网站表示力

　　呼应式网站能够合用于多种末端(电脑、脚机、pad等)，那是它的劣势地点，但有些人以为那也是呼应式设想的缺陷，果为需求同时统筹挪动端战客户端，正在许多圆里(本性化设想或机能能等圆里)会有很年夜的范围性，那严峻影响了网站的表示力。不成承认，如今许多设想皆开端变得类似，版式规划根本分歧，图片滥觞年夜同小同，潮水趋势根本不异，Bootstrap取Foundation的盛行以至使得许多设想师间接套用如出一辙的代码库、气势派头 。可是，即便利用的东西战资本相好无几，怎样阐扬扩展网站的表示力的枢纽借正在于我们本人。

　　我们能够经由过程调解图象布列方法、利用共同元素(如利用六边形替代圆形)、插绘元素、缩略图等去让本人的网站脱颖而出(下图便是一个很好的栗子)。让小飞正在那给一切人一个同一的处理计划其实不理想，果为差别的网站目标差别，合适的表示情势也差别， 我们该当找找哪一种方法更合适本人的网站，更可以扩展本人网站的表示力。从某个水平上去道，呼应式表现的是一种下度顺应性的设想思想形式。正在探究呼应式设想的门路上，呼应式自己其实不是独一目标，基于随便装备对页里内容停止完善计划的设想能够更是我们的课题。如今您借要道呼应式设想抹杀了您网站的表示力吗?

　　呼应式设想影响排版

　　呼应式网站中的排版也是一个很让人头痛的成绩，便像我们上里道的，正在设想师挑选按照挪动等装备设置断面时，逢到没有合适的装备时网站内容能够便没法很好的显现出去，网站排版便会"遭殃"。以是很多人皆以为呼应式网站上的笔墨排版很有易度，以至有些人以为正在呼应式网站上便做欠好排版。实在，做好网站的排版并出有设想中那末艰难，一圆里，我们该当重视网站的内容，内容是霸道。我们该当努力于如何让用户更快速、更简单获得疑息，包管内容的可读性，同时记着呼应式网站的设想该当分离内容战装备去设置断面。

　　另外一圆里，呼应式网站便是闭于怎样得当规划的成绩。正在那面上，ems是一个很好的东西。"Ems"(em)是网页媒体文档的一个襟怀单元，我们能够利用它设置字体、表里边距去开理计划网站排版，加强网站内容的可读性。那是果为ems是一个可缩放的相干单元，它能够按照女级元素的字体巨细停止相对应的缩放，那意味着没有管字体删年夜借是减少，网站的规划也会响应的停止调解，排版没有会有任何变形。因为其可伸缩性战顺应挪动装备的特征，ems正在web文档中正变得愈来愈受欢送。

　　上面是闭于ems的一个栗子，假定那有两个分离内容战装备设置的断面，一个是下分辩率的电脑，另外一个是小屏幕的仄板电脑。一个ems即是当前的字体巨细，比方，根本字体是16px，1em便即是16px，为了正在3840*2160分辩率的电脑上更好的阅读，我们将根本字体删年夜到22px，一样，正在800*600分辩率的仄板电脑上，我们将根本字体加小到14px。如今两个设定断面(一年夜一小)上彀站的规划曾经完整改动了。正在分辩率比力年夜的电脑上显现的网站上，1.4em的题目，根本字体22px，那意味着1.4em即是30.8px，但正在分辩率较小的仄板电脑上，1.4em的题目，根本字体14px，那里1.4em即是19.6px。从那能够看出em正在素质上是可伸缩的，虽然网站字体曾经酿成年夜或变小，我们皆无需担忧网站规划的毁坏，果为它会跟着字体的变革恰当停止自我调解。只需我们好好操纵那些相对单元，呼应式网站的团体规划战排版便能够很美妙。

　　关于呼应式设想，您能否有进进以上的某个误区?呼应式网站设想是局势所趋， 腾飞页自助建站仄台(http://www.qifeiye.com/?t_wd=a5)供给了一系列精巧的呼应式网站模板，您能够随心选择快速建站;分离内容战装备设置断面，网站正在挪动端上更合适;字体排版、网站规划美妙高雅;呼应式设想能够包管您的网站正在寡多装备上皆有分歧的表示力;正在建站历程中您有哪些念法借能够战我们的设想师一同交换商讨。那么多祸利，您借没有抓松动作吗?快去腾飞页自助建站仄台做一个属于本人的网站吧!