发表于： 2019-05-08 23:54:32
6 947
今天完成的事情：finally....解决背景图拉伸问题、及自我介绍区域的样式布局问题
明天计划的事情：等任务五审核，及补上之前任务的深度思考，查看任务六
遇到的问题：
1、background-image：url("")页面不生效
解决办法：须先指定宽高！width or height都可（路径也一定要写正确，尽量使用相对路径
2、关于flex
歪打正着试了几次，现在看效果应该是使用对了，但并没有太明白是咋回事，得再多用用看看
收获：背景图拉伸我fong了.....
1、最开始背景图在宽度过大或全屏显示时比例会跟着增大的代码，是将背景图用<image>标签写在div里，然后在css中设置样式，中间一直在找解决办法，使用background-size：cover等属性通通无效。
原因是我并没有设置background-image，所以相关属性通通不生效。其实最开始有尝试过把背景图写在background-image中，但因为没有指定宽高，页面不显示，而又刚好在<div>中试了<image>标签生效了，就没再往那边考虑......
2、背景图随设备宽度变化而缩放(即Ui图拉伸效果
设置background-size：cover即可！属性值意为
3、flex的align-self：center属性效果
返回列表
评论