——关于呼应式
在互联网+的大年代iOS 和 Android的发布，智能手机、平板电脑、智能家用电器等新设施层出不穷，很大便利了咱们的生活，但面临五花八门的终端设施，千差万别的屏幕分辨率，给网
页设 计带来了新的挑战，咱们没办法估计用户的终端设施和互联网情况，更不可能为每种设施都专门规划一套网站，如何完成网页在多终端设施中的适配呢？
呼应式，火火火火起来了！
2010 年 Ethan Marcotte 过去在 A List Apart 发表过一篇文章"Responsive Web Design"，呼应式网页规划提供了一种规划方法，可以使同一网站在智能手机、桌面电脑，与介于这
两者 之间的恣意设施上好显示。这种方法可以依据用户的屏幕尺度，合理地为现有及以后的各种设施的阅读体验。
Ethan Marcotte称呼应式规划是基于网格树立一个网站。Marcotte界说这项技术后，网格引进网页规划，出现了很多CSS网格结构，几乎成了网页规划的规范。目的是让网站布局更合理，
是给 予一种标准，令排版者可以较为便利的组织标题、列表、段落、图片等元素，维持版面元素之间的一致性。对“流体式”的呼应式网站更是一个要紧的规划标准。
以前有非常长一段时间，我一向搞不知道到底什么是栅格，第一咱们有必要要对栅格体系有一个根本的认知，关于栅格，栅格是由网格演化而来的另一种说法，都是一个意思——格子，所以
——标准。将栅格视为一种秩序体系来进行用，是网页规划师某种特定的精神和情绪的表达，应为它表现规划师是以一种结构、逻辑的办法来进行构思和规划的。
在网页规划中，假如把网页宽度均匀切分为多个网格单元，每一个单元之间预留一定的空隙，此刻整个页面就好似一个栅格体系。标准的栅格体系中所包含的几个部分，分别是总宽w、列宽
槽宽g=2*m
总宽w=g+N*c+(N-1)*g
总宽w=N*(c+g)
巨细 的调配，画面图形松紧，用栅格规划出对画面更有步伐呼吸的排版，奇妙用栅格，呼应式网站更合理。
本文标题响应式网站的设计方法
