响应式网站相关概念

• 什么是响应式网站 ： 响应式网站是一个设计理念，它是多项技术的综合体，大概包括三大技术成分： 流动网格、弹性布局、媒介查询等。 简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验。通过媒体查询，我们可以进行样式重构，对样式进行有选择的显示和隐藏。
• 优缺点 ： 任何东西都不是完美的，总是优缺点共存，响应式开发技术也不列外，其优点有节省开发时间和成本、面对不同设备分辨率的灵活支持和优雅展示、利于SEO等；缺点也很明显，如会加载更多的样式和脚本资源、设计比较难精确的定位和控制、兼容性的尴尬等。
• 如何编写 ： 响应式，实现原理就是使用相对单位并配合媒体查询来实现页面，我们只需要根绝设计图,将绝对单位px转换为相对单位rem或者em并配合@media即可，具体的编写开发流程，就是这篇文章的流程 需要什么样的技术 ： 基本的HTML 、CSS、JavaScript 我们不必多言，除此之外，
• 实践原则 ： 在设计实现中，遵循progressive enhancement（渐进增强）和graceful degradation（优雅降级）这两大基本原则，另外的，还需要根据项目要求来选择对某个设备进行优先设计，判断每个设备展示页面之间是否需要包含相同的内容，以及断点的选择，其中，断点的选择尤为重要，除特殊情况，如项目的要求，我们尽量不要对特定的设备进行选择和设计（如,针对红米2s进行设计一套页面）
• 组织目录结构 ： 原则：约定优于配置、约定代码结构或命名规范来减少配置数量。 良好的目录结构有利于我们后面的书写。 有用的文件 ： 在标准的小型项目中，我们需要几个基本的页面，比如：404页面（以及其他错误页面）、rotots.txt、favicon.icon、humans.txt、.editorconfig、gitgnore、LICENSE.txt、README.md、CHANGELOG.md等文件以及markdown。