发表于： 2019-05-28 17:11:58
1 786
今天完成的事情：
1、学会工具（PxCook）来确定雪碧图所需图标的X Y坐标。
如图：在background-position:-76 -111即可准确定位，注意div大小需要设置和原图大小一致。
2、学习bootstrap网格布局，让页面自适应。
注意：自定义样式放在bootstrap样式表后面，否则会出现bootstrap样式覆盖自定义样式。
3、查找资料select默认样式如何清除。
明天计划的事情：
完善task06中不足的地方，分析task07整体思路。
遇到的问题：
1、更改设备屏幕宽度依然会出现排版错乱问题。开始做的时候是照着psd中原尺寸的像素大小换算成rem,后来把所有rem又重新计算了一边才弄好。比如设计稿是32px 那我也页面中需要用到1.6rem,也就是32/10/2=1.6rem这么换算。
2、雪碧图使用中所有的图基本都过大，查看师兄给的参考。得出结论，雪碧图一开始制作就要确定项目中需要的尺寸，才不会出现这种情况。
感谢师兄分享得工具及耐心指导！加油
返回列表
评论