发表于: 2020-04-23 22:16:21
1 1357
今天完成的事
优化Task5-1代码 使其与设计稿一样
遇到的问题
自我介绍| 这一栏用定位移动,拉伸浏览器总是垂直不了右边,
还是稍微有点点位移
不够美观
解决办法 给父元素设置 display:flex; align-items:center;
自我介绍(子元素):
flex-shrink 它的属性是指定了flex元素的收缩规则。仅在默认宽度之和大于容器的时候才会发生收缩,收缩大小的依据是 flex-shrink的值。
当然,如果不是弹性盒子 它不会理会你
继续昨天的问题,footer固定底端,安卓端打开是出现再中间,且字体出现再下面
大概这样吧 懒得上传服务器了
解决办法 给footer上个position:fixed; 让它始终固定在底部
再上个height X 接着再body 接个padding-bottom X 就搞定了
大概就这样
注意 上面X最好设置成一样 或者footer小于等于,body大于等于。不然文体会被掩盖达不到设计图效果
今天的收获
初步了解弹性盒子
明天计划
task5-2
评论