第一点， 分享一个好的响应式创意收集网站：https://mediaqueri.es/
登陆这个网站，我们可以欣赏到很多优秀的作品，提高审美。我相信大神的作品肯定也还是有瑕疵的，但是，绝对是优秀到足够你我学习了！
放张图，可以稍微感受一下～
图片发自简书App
第二点，下载谷歌，然后登陆下方网址，下载Window Resizer，这个是用来调试窗口大小的，下载网址是：http://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh
下载好后，浏览器就会内嵌右上角那个小窗口，按键非常少，很容易上手。下载的时候可以看按键说明，自己把每个按键都按按，熟悉一下就好，以下是使用界面截图。
图片发自简书App
另外，在学习过程中，我们常常可以看到一个单词 viewport（视口），它和screen.width（屏幕尺寸）是两个不同的概念。Viewport指可视区域的大小，是指内容区域，包括工具栏，标签栏等。Screen.width指设备的物理显示区域。在此处区分这两个概念，是为了让你在使用window resizer的时候，更加明白它显示的分辨率指的什么。
备注：当然，也可以不下载谷歌，有一个更加简单的方式，就是下载Firefox，点击右上角的主菜单，然后便可以看到有一行是“web开发者”，点击这一行，接着选择“响应式设计模式”，就可以调节窗口大小了。界面图如下：
图片发自简书App
我的话，平时看页面效果时，两种方式都用，但是更偏爱Firefox。
