『研习设』不藏不掖着，响应式网页大揭秘来了！

今天课程的内容【不藏不掖着，响应式网页大揭秘来了！】本节课的难重点同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交，优秀的作品会额外获得100虎课币的奖励，可以用来兑换奖品。

那我们开始今天的教程吧。

1.有些网站在使用电脑端浏览的时候比较不错，但是使用移动端由于没有做相应的移动端口的适配，导致使用手机浏览的是非常不方便，【响应式】网站也称之为：RWD，它可以让网页自动的适配不同尺寸的显示器，并且具有【高适应性、提高实用性】，这里来浏览一些网站进行讲解。

2.再来看到这个案例，这个案例使用电脑浏览没有任何的问题，但是调整到【移动端大小】就会发现浏览的过程中造成了很多的不便。

3.【指导手册】它提供了一个规范的设计标准，保证了设计师不犯错误，例如数学公式一样，这里我们来讲解下谷歌的指导手册。

4.在手册中来浏览一下关于中断点的信息，画面中换色标记的位置就是中断点的信息，虽然在里面的规矩很多，但是在适配的时候不需要全部都做。

5.【响应式网站】的类型分为两种，其中一种为【固定网格】，这里通过图片来讲解。