发表于： 2019-05-09 21:51:01
1 878
1.几种布局的区别
| 流式布局 | 响应式布局 | 静态布局 | 自适应布局 |
| 页面元素按照屏幕分辩率进行调整 | 为不同分辨率屏幕定义不同布局 | 单独一个布局， | 为不同分辨率屏幕定义不同布局，静态布局的一个系列 |
| 单行宽度放不下，元素会移动到下一栏 | 页面元素在小窗口元素位置能够移动到下一栏 | 居中设计，内容被遮挡显示滚动条 | 页面元素不随窗口变化改变，位置改变 |
| float或者flex | 流式布局+媒体查询 | viewport + flex |
任务八开始，页面元素多了，需要调整的工作量也增多不少，在调整页面布局上想了挺久。由于对页面布局方法的不熟悉，第一个页面完成的慢了些。
2.遮罩的实现
可以通过给容器添加一个div，用绝对定位把整个容器覆盖。设置颜色和透明度，最后再添加一个，鼠标hover显示的动作。
遮罩的效果有很多种实现方法，也可以使用mask标签。
明天的计划：完成任务8第二个页面和第三个页面
返回列表
评论