发表于： 2017-01-24 02:33:23
1 579
今日完成
1 媒体查询
》功能：选择特定的设备及其状态，然后应用对应的自定义样式并覆盖原有样式。
》css语法：@media 类型 and|not|only 特性 {样式}
它可以在样式表中嵌套样式。可以放到原有样式后面，用来覆盖。
》引入：直接写在css文件中 @media print {font-family: serif;}
用html<link>标签引用 <link media="screen and (max-width:420px )" rel="stylesheet" href="example.css">
》设备类型：
类型 | 说明 |
Screen | 显示屏 |
All | 所有 |
打印机 | |
Speech | 朗读器 |
设备状态/特性 | 说明 |
Max-width | 视口宽度 |
Max-device-width | 设备宽度 |
2 任务13（桌游精灵） 修改了首页，允许手动缩放。
明日计划
1 知识点：伪类和clearfix的实现原理
2 任务13（桌游精灵）：把胜利页做出来。
问题：
用rem单位的时候会遇到：浏览器设定了最小字体，使rem单位最小单位只有10px ，这样font-size:62.5%以下就失效了，最小只能设定到62.5%。
收获：一些细节。
返回列表
评论