发表于： 2018-06-21 15:34:41
1 612
今天完成的事情
所有小图片替换为 css sprite
css 下拉框 底部按钮位置使用百分比布局 文字
列表左边内容空间不够时显示省略号
明天计划的事情
继续刷任务
遇到的问题
css sprite 缩放及居中问题没想明白怎么实现 查看了些资料但是觉得都不好用.....
最后解决办法是设置 background-size 使用 rem 实现等比缩放
在css sprite图片外面增加了一个容器并设置padding rem 来实现图片居中
收获
css sprite 为减少http请求次数将小图片合并成一张大图 通过css 控制 background-position 来显示
通过 white-space: nowrap;(不换行) text-overflow: ellipsis;(超出内容显示省略号) overflow: hidden;(超出内容隐藏) 组合来实现空间不够时显示省略号
rem 真好用........ (不过看 flexible 作者说现在推荐使用 vw 具体没细看 没兴趣..... )
返回列表
评论