发表于: 2020-04-23 22:16:21

1 1357


今天完成的事

优化Task5-1代码 使其与设计稿一样

遇到的问题

自我介绍| 这一栏用定位移动,拉伸浏览器总是垂直不了右边,

还是稍微有点点位移

不够美观

解决办法 给父元素设置 display:flex; align-items:center;

自我介绍(子元素):

flex-shrink0;

flex-shrink 它的属性是指定了flex元素的收缩规则。仅在默认宽度之和大于容器的时候才会发生收缩,收缩大小的依据是 flex-shrink的值。

当然,如果不是弹性盒子 它不会理会你


继续昨天的问题,footer固定底端,安卓端打开是出现再中间,且字体出现再下面

 大概这样吧 懒得上传服务器了

解决办法 给footer上个position:fixed; 让它始终固定在底部

再上个height X 接着再body 接个padding-bottom X 就搞定了

大概就这样

注意 上面X最好设置成一样 或者footer小于等于,body大于等于。不然文体会被掩盖达不到设计图效果


今天的收获

初步了解弹性盒子


明天计划

task5-2


返回列表 返回列表
评论

    分享到