发表于： 2019-06-13 23:12:24

今日完‍‍成的事

1.学习了媒体查询，媒体查询‍‍可以针对不同的媒体类型定义不同的样式。‍‍针对不同的屏幕尺寸设置不同的样式，特别是需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。媒体查询以‍‍@media开头有以下几个属‍‍性：screen计算‍‍‍‍机屏幕（默认值），tty电传打字机以及使用等宽字符网格的类似媒，tv电视类型设备（低分辨率、有限的屏幕翻滚能力），projection放映机，handheld手持设备（小屏幕、有限的带宽，print打印预览模式 / 打印，braille盲人用点字法反馈设备，aural语音合成器，all适合所有设备。广泛使用且所有浏览器都兼容的媒介类型是‍‍'screen'和'all'多数媒体属性带有“min-”和“max-”前缀，用于表达“小于等于”和“大于等于”。‍

2.继续学‍‍习bootstarp‍‍框架，虽然用了很多次了但还是非常的不熟悉，以后有时间会多看看源码。

3.修改了任务八第一张页面，昨天写完了第一张页面因为时间太晚没来得及检查，今天一检查找出来差不‍‍多20个bug，PC端页面还行但是移动端页面就开始崩坏了，开始320px宽的屏幕崩坏，把320px的改完了760px的又崩坏了，760px的改完了2560px的页面又对不齐了。改了一天好不容易改完结果搜狗浏览器有出现兼容性问题，又把中间部分页面重写了才完事。任务八的难度比之前的任务都要大，细节也更多，当然学习到的也更多。‍

4.写完了剩下的两张页面，把任务八完成了。