今天完成的事：

任务3

1.重新切了图

2.手机自适应

任务4

1.修正字体大小

任务5

1.补上一些按钮的链接功能

2.修正firefox的flex兼容问题

3.修正字体大小

任务6

1.firefox兼容

2.用js做音频的播放和暂停

任务8，任务11

1.滑过卡片从直接显隐改为动画效果

明天计划的事：

1.继续修改

收获：

1.https://zhuanlan.zhihu.com/p/21974139

今天在看这篇文章时刚好看到解决我上一篇日记有疑问的地方：

padding（以及 margin）为百分比时是以容器的宽度为参照的

2.http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

3.if语句如果参数是布尔值直接写成if(x)就行了，不必特意写成if(x==true)

遇到的问题：

1.当在p里面嵌入一个用百分比定宽度的img，会出现img挤压文字的情况，有时会导致换行的发生

（有点莫名其妙吧，总之把img的宽度单位换成rem就好了）

2.每个-moz-box-flex:1;都在firefox中占据了整行而不是等分

（把display:flex放在display:-moz-box的后面，放在前面则无效。原因是后者支持firefox19以下，前者是20以上。

而老语法会覆盖新语法，所以新语法写在后面）

（参考http://www.w3cplus.com/css3/using-flexbox.html）

3.background-position-x在火狐中失效

(只能使用background-position)

4.Cannot read property 'play' of null

（这是由于JS运行的时候play的对象也就是页面内容还没加载，应该把JS代码放到body最后而不是head里）