发表于： 2019-04-13 21:52:20
1 809
今天完成的事情：
1，设置背景图，用background-image标签占据元素全部尺寸，包括内边距和边框，不包括外边距。
背景图位于元素的左上角，并在水平和垂直方向上重复，默认进行横向纵向平铺。
background-size默认值auto auto，背景原始大小，设为100% 100%，那么宽高为容器宽高100%。
2，
3，在写顶部header那一栏的时候，用position：fixed；定位但是会出现宽度超过768px情况
解决的办法就是在header盒子里添加最大宽max-width：768px；
4，用span排列的时候图标和文字高度不一样，
在span标签上加上vertical-align：middle；属性对齐。
5，
文字另起一行，先将它所在的父元素用display：flex；再将“自我介绍”强制不换行，用white-space：nowrap；属性就可以了。
明天要做的事情：提交任务五，完成任务五深度思考，看看任务六。
遇到的问题：暂无。
收获：任务五终于看起来像原型图了。
参考链接：相似页面 http://www.5imybaby.com/wechat/index#/service/nanny/detail/1892
返回列表
评论