发表于： 2017-04-06 17:17:50
1 654
今天完成了任务6
明天重写任务六
今天写到一半才发现要用bootstrap写，没舍得删，还是没用框架写的。
明天熟悉熟悉框架后再用框架重写，今天就当多练一次自适应吧。
学会了制作雪碧图，我是用一个网站在线生成的。http://csssprites.com/
非常好用！
但是我失败了很多次，制作雪碧图时一定要在图片之间留出足够大的间距，建议小图片之间20px，大图自己掌握。
设置fixed定位是要设置宽度，不然内容排版会乱。
制作a标签是周围要加上足够大的padding，让用户体验更好，使点击更方便。
关于如何设置自适应下雪碧图的background-size，由于屏幕尺寸会变，所以不能像pc端那样写死，可以用rem比利来写，将图片的宽高都转换成rem后再进行适配。
遇到的问题，左浮动的li里的a标签设置inlineblock后上方会多出一段高度，只能将a标签也浮动才能去掉，但是a标签浮动后会失去居中的特性，请问下师兄怎么解决？
返回列表
评论