发表于： 2021-04-02 19:27:08
1 962
今天完成的事情：任务八九优化完成，总结。
明天计划的事情：任务十学习，知识巩固。
收获-深度思考：
响应式布局（媒体查询属性）优缺点：
缺；1，因为需要兼容不同的设备，为了设计不同设备的CSS代码，导致网页需加载代码太多，加载速度过慢，影响用户体验。
2，兼容性不佳，低版本浏览器可能不兼容。
3，响应式设计中，图片、视频等资源一般是统一加载的，影响加载速度；
优；1.同样的布局，可以在不同的设备上有不同排版，这就是响应式最大的优点。
2.响应式在开发维护和运营上，无须花大量的时间在网站的维护上，方便维护。
3.方便改动，响应式设计是针对页面的，可以只对必要的页面进行改动，其他页面不受影响。
下面为简单的响应式布局：当页面宽度大于451px像素时，“.navbar, .navbar-expand-lg, .navbar-light, .bg-light”元素将被隐；“.option”元素将会显示出来。反之小于451像素时，“.navbar, .navbar-expand-lg, .navbar-light .bg-light”，元素则会显示出来；“.option”元素将会隐藏起来出来。（被隐藏的元素都不会占据位置）
display: none;
}
成果链接：
返回列表
评论