今天课程的内容【不藏不掖着,响应式网页大揭秘来了!】本节课的难重点同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交,优秀的作品会额外获得100虎课币的奖励,可以用来兑换奖品。
那我们开始今天的教程吧。
1.有些网站在使用电脑端浏览的时候比较不错,但是使用移动端由于没有做相应的移动端口的适配,导致使用手机浏览的是非常不方便,【响应式】网站也称之为:RWD,它可以让网页自动的适配不同尺寸的显示器,并且具有【高适应性、提高实用性】,这里来浏览一些网站进行讲解。
2.再来看到这个案例,这个案例使用电脑浏览没有任何的问题,但是调整到【移动端大小】就会发现浏览的过程中造成了很多的不便。
3.【指导手册】它提供了一个规范的设计标准,保证了设计师不犯错误,例如数学公式一样,这里我们来讲解下谷歌的指导手册。
4.在手册中来浏览一下关于中断点的信息,画面中换色标记的位置就是中断点的信息,虽然在里面的规矩很多,但是在适配的时候不需要全部都做。