什么是呼应式规划？

    简单说，呼应式网站规划是一种答应规划和代码呼应设备屏幕巨细的办法。这意味着不管你运用的是4英寸安卓手机，iPadmini，还是40英寸的影院级显现器，你都将取得最优异的阅读体验。

    呼应式网站规划的基本原理？

    比照一下静态页面与呼应式规划的网站在不同设备上的显现效果：

    最好的呼应式网站基本上运用流体网格、自习惯图画和CSS来改动网站的规划，并根据阅读器的宽度进行渲染。关于规划者来说，最终目标是在不同设备与渠道实现无缝定制网站规划的用户界面UI和用户体验UX。

    呼应式规划的重要性

    假如咱们为一个网站规划、开发无数个版别习惯每一种设备，这个过程不只费时并且费钱，还会使网站无法运用未来先进的技术变革，并且几乎无法保护。而呼应式规划便是一个面向未来的网站规划有用解决方案。

    呼应式网站规划的基本原理？

    呼应式网站规划的要害，在于了解你的受众以及他们用来阅读网站的设备。现在网站的流量有多少来自PC，多少来自平板，多少来自手机？美国网站的大约56%的流量来自移动设备。现在全球大约有26亿智能手机用户，而到2020年，这个数字估计可到达60亿。移动规划将越来越重要。

    为不同设备规划网站是至关重要的，但涉及到不同的网络阅读器就变得更加杂乱了。每个大型网络阅读器都有自己的移动版别，以不同方法渲染网站。另外，每个阅读器还有不同的版别–究竟你不能等待每个人都运用最新版。因而，规划适用于不同版别的阅读器也是十分重要的。

    当然也不必过于担心，关于业内人士来说，调整规划以习惯不同版别阅读器和不同硬件设备是一场持续的战争。最好的答案便是，在尽可能多的设备上进行测验（并延聘十分棒的开发人员）。

    我应该依照什么尺度规划网站？

    并不存在所谓的“规范网站尺度”。设备的种类那么多，型号版别和屏幕分辨率一直在变。而每个网站招引的用户所运用的设备有各有不同。比方，你很可能（在厨房里煮饭时）挑选在移动设备上查看菜谱，而（在想要用Photoshop做点什么时）挑选在PC上搜索PS教程。

    你借助GoogleAnalytics了解哪些阅读器和网页巨细最适合你的网站。而面临阅读器巨细和设备的无限组合，你到底应该怎么进行呼应式规划呢？

    测验规划至少3种布局

    呼应式网站规划应该针对不同阅读器宽度规划至少三种布局。下面的数字仅限举例，并不是固定规范。

    ·小：600px以下。大部分手机适用。

    ·中：600px–900px。大部分平板设备、部分大屏手机、部分小型上网本适用。

    ·大：大于900px。大部分PC适用。

    这些布局中的每一个都应包括相同的文本和图形元素，但每个布局都应规划为根据用户的设备以最佳方法显现内容。缩小页面以习惯小屏幕会下降内容的易读性，但假如你能将内容相应地缩小，并变成一栏，那么内容将更易于阅读。