# Responsive_Web_Design_Lesson01

**Repository Path**: wuxue_newmedia/Responsive_Web_Design_Lesson01

## Basic Information

- **Project Name**: Responsive_Web_Design_Lesson01
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-16
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 响应式网页与工具介绍
#### 一、Responsive Web
* 为啥要响应式Web设计? 上网设备屏幕之间的差距也达到了前所未有之大  

  查[gs.statcounter.com](https://gs.statcounter.com)  

* 什么是响应式Web? [趣味解释](https://alistapart.com/article/responsive-web-design)
  * [中山大学](http://www.sysu.edu.cn/2012/cn/index.htm) VS [文学与传媒学院](http://wcy.nfu.edu.cn/)

* Chrome DevTools: 开发者工具*
  * [官方网站(得科学上网)](https://developers.google.com/web/tools/chrome-devtools/?hl=zh-cn)
  * [cs88.com来源](https://www.html.cn/doc/chrome-devtools/inspect-styles/)
  * [Gitbooks.io来源](https://leeon.gitbooks.io/devtools/learn_basic/overview.html)


#### 二、回家实践
   * [课本例子下载](http://rwd.education/download.zip)
   * 看书本[RWD 第一章](http://www.ituring.com.cn/book/1817) 内容及案例，并使用Chrome 开发者工具查看响应式效果