关于viewport
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放
viewport
可视视口 ： 可以看到的内容（根据手机来决定像素）
布局视口 ： 虚拟加载出来的视口（默认像素）
理想视口 ： 在设备上的最佳视口，按照布局视口来决定（现行的标准）
响应式设计
- 渐进增强(在已有的基础上进行完善兼容其他可用的地方）
- 优雅降级（设计好最佳的方法，在对不可使用的地方进行修剪，使其能满足要求达到设计要求）
- 先针对什么设备进行设计
- 对支持的浏览器进行设计
- 设备不同是否包含相同的内容
项目的规范化，有组织化
- robots.txt : 约定爬虫机器人搜索的范围
- humans.txt : 项目的相关参与人员及表明
www.humanstxt.org.cn -> humans.txt文档的要求
www.bitbug.com icon logo图片 -> 制作网站的图标icon
- 编辑器：webStorm
- .editorconfig 约定编码的格式，规则
- .gitignore 版本管理
- README.md 项目简介
- CHANGELOG.md 更新信息
- browsehappy.com 浏览器版本更新