本节课讲解响应式与栅格,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.响应式是在移动互联网爆发之后,我们会发现我们在使用这些智能设备开始增加,设备类型的增长增强了网页的适配需求。
2.响应式即网页根据显示宽度自动调整内容的模式,比如左侧是最宽,中间是第二宽,右侧是第三宽。
3.显示的宽度是浏览器的宽度, 电脑使用的分辨率代表的是当前这个用户,他在他电脑中可以看到网页的最大值,也就是它的上限,但不代表在这台电脑中所看的网页必须是全屏的。
4.在电脑中常见的分辨率有2560、1920、1440,平板中使用的分辨率有1280和1024,也就是我们的宽度,手机的宽度一般是800~640之间,根据宽度来实现页面变动的一种前端技术。
5.自适应和响应式不一样,响应式是我们希望用一套的前端代码,来实现所有设备的匹配,自适应是网站根据客户端类型匹配不同版本样式。
6.响应式是用同一套设计元素根据浏览器宽度适配,自适应是根据不同的设备设计不同的样式适配,这两者之间有各自适用的场景跟适用的环境,和他们的开发成本。
7.响应式是一种显示的模式,但不是必需品,它适用于企业、产品等视觉展示型网站中。