发表于: 2017-03-04 21:47:08
1 943
今天完成的事情:将任务7的第二张使用rem值调整完毕,并对细节部分进行了调整,例如使用letter-spacing调整了一下字体间距,显得更接近psd设计图的样子。下午以为是今天该我讲小课堂了,一整下午都在做小课堂的内容,不想是其他师兄要讲,明天才轮到我,看错表格的顺序了。晚上继续任务7第三张的修改。目前卡在四个小按钮的调整上了。
明天计划的事情:将任务7修改完,并提交师兄审核。继续准备小课堂的内容。
遇到的问题:
任务7第二张的修改还是比较顺利的,因为主要是对字体大小和图片大小的调整,基本上问题不大,问题主要集中在第三张的调整。
其一是水民等几个块,开始媒体查询的分辨率范围比较大,在过渡的时候呢就会出现块拉长变形的问题,小分辨率下就会出现狙击手这个块的字体换行导致布局破坏的问题,所以逐步调试,让媒体查询的分辨率更细化,尤其是380px以下,500px到640px之间这两个区间的问题比较突出。经过细化,问题得到一定的解决,但是不能说完全做好的,至于其他办法目前没有想好。
其二是水民下方四个按钮的问题,也是个以前遗留下来的问题,因为当初做时还不会使用按钮,四个格子是直接贴雪碧图就先放下了。今天四个按钮的效果做出来了,就是在小分辨率下对下边的布局有一点影响,目前还没有调整好。
收获:对于rem的使用感觉确实比用px好一些,在媒体查询里减少了不少代码。今天小课堂讲的用css3就能做轮播图,以前没有接触,又一个很新很眼前一亮的技能,感觉不错!
评论