发表于： 2018-12-06 00:05:30
1 813
今日完成：
1. 完成了第三个页面
2. 给三个页面添加了媒体查询，做了一些调整
3. 解决了之前几个页面遗留的问题
明日计划：
1. 开始下一任务
问题：
1. table无法设置列宽，按照师兄的方法试了一下，已解决。
收获：
1. 学会了媒体查询：使用 @media 查询，可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式。
当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。
语法：
@media mediatype and|not|only (media feature) {
CSS-Code;
}
媒体类型：
| 值 | 描述 |
|---|---|
| all | 用于所有设备 |
| aural | 已废弃。用于语音和声音合成器 |
| braille | 已废弃。 应用于盲文触摸式反馈设备 |
| embossed | 已废弃。 用于打印的盲人印刷设备 |
| handheld | 已废弃。 用于掌上设备或更小的装置，如PDA和小型电话 |
| 用于打印机和打印预览 | |
| projection | 已废弃。 用于投影设备 |
| screen | 用于电脑屏幕，平板电脑，智能手机等。 |
| speech | 应用于屏幕阅读器等发声设备 |
| tty | 已废弃。 用于固定的字符网格，如电报、终端设备和对字符有限制的便携设备 |
| tv | 已废弃。 用于电视和网络电视 |
2. 对table布局更加了解：如果表格中有一行合并过，其它没有合并的行的列宽会平均化，对列宽的设置会失效。
3. 对hover的运用更加熟练了
返回列表
评论