发表于： 2019-04-16 22:12:42
1 744
今天完成的事情：
1.继续css任务9
2.为页面添加响应式设计
例
html
css
3.解决css任务9的深度思考
明天计划的事情：
1.继续css任务9
2.思考css任务9的深度思考
遇到的问题：
1.折叠导航栏按钮样式修改
css部分
html部分
2.轮播图图标样式修改
css部分
html部分
收获：
1.响应式布局有什么优点和缺点
1）什么是响应式布局
就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。
为了应用响应式 Web 设计，您需要创建一个包含适应各种设备尺寸样式的 CSS。一旦页面在特定的设备上加载，该页面上使用了各种字体和 Web 开发技术，比如媒体查询（Media Queries），此时，会先检测设备的视口大小，然后加载特定于设备的样式。
优点：
- 跨平台和终端且不需要分配子域。
- 兼容当前及未来设备。
- 节约成本。
缺点：
- 兼容性 不兼容低版本浏览器
- 移动带宽增多
- 加载事件长、无用代码太多。
返回列表
评论