发表于: 2016-02-19 00:30:42

1 1391


今天完成的事情:

1. 写了九宫格布局

2. 理解清楚了display:inline-block,发现可以两种写法:

一个是把这句话放在aline类,然后竖着来三条,另一个是放在block类,横着来三条

3. 学会了兼容IE8的居中

明天计划的事情:

完成Task2

遇到的问题:

1.  display:inline-block在IE8中没效果

解决办法:

zoom:1 //IE下触发hasLayout

*display:inline;

2.  用的margin:auto居中的话。在IE8里狗带了。

解决方法:

position:relative;
left:50%;
margin-left:-162px;//左移总宽度的一半 

这样居中就能兼容Ie8了

没有解决的问题:

圆角在IE8下我弄不出来,尝试了用ie-css3.htc,也按要求设了position:relative; index:2; 

然后还是不行???


收获:

比较久之前学过一丢丢前端,但是真的忘的差不多了,通过这个回忆起了一些语法,今天最主要的收获就是第一次开始解决IE兼容性问题吧,Nginx和手机端适配都是最基本的东西学会了。





返回列表 返回列表
评论

    分享到