发表于: 2018-07-18 21:57:06
2 648
今天完成的事情:终于弄清楚昨天为什么不在同一行
我放在了两个div里面
不过我发现了一个问题 我的图标貌似有点大了 在最小的那个手机页面 显得非常拥挤
ORZ看来展示图应该是缩小过图标的。。 不过展示图的自适应基本都实现了
缩小图片 我觉得应该是可以通过代码解决的 便去找找资料
一开始找到的是 通过调整height和width 但是我的标题有设置过这个数值 感觉会出问题
看到第二种用 transform:scale来操作 便进行尝试
大小是缩了 看起来正常了 但是文字和图片看起来间隔就太大了
标题也应该更加往上一点 通过文字间距和内外边框调整后
标题和中间看起来好点了 但是 下面的logo貌似有点太高了 且文字和图标没凑到一起
通过调整padding倒是能把logo弄下去 但是文字就被挤走的更远了
比我想象中的难解决 或许给图片增加边框来调整位置是个取巧的行为才导致文字很难靠近
然后我就突然发现 好像上下左右的高度都可以设定的。。。
这个自行复制的操作让我忘记了这回事
这下子好像有点像了 但是一放大文字就飞了
明明是相同的配置 却不是对齐的??
然后我发现 是sapce-between的问题
图片那里多出一块导致没有对齐 用space-around解决问题
这下子缩放也不会有问题了
明天计划的事情:之前任务2git一直没搞定 明天争取弄好 把任务1 3都提交
遇到的问题:对齐 缩放 位置总是跟想象的不同 多次调试 F12是个好东西
收获:flex的各种布局 真的很好用 比用float科学很多
评论