发表于： 2019-04-11 22:28:28
1 686
今天完成的事情：
学习前复习了 px em rem 单位知识，以及UI图制作静态页面为何除以2，rem集合了相对大小绝对单位的优点，适合现代版本浏览器；除以2是因为移动端的视觉稿通常会设计为传统PC的2倍。 前端的应对方案是PS测出的像素除以2.
接着继续完成后续部分，CSS任务3下面两个logo图标文字初步想法是各为一个盒子模型，一个像左浮动，另一个像右浮动。初步添加图标后发现随着屏幕拉大文字部分行数变少，下面的logo图标向上移动（任务要求不移动），于是给文字部分添加了内容高的值，最后不移动了。（之前还用了一个方法，就是给图标相对定位，设置的数值也除以2了相应换为rem，还是不符合）
明天计划的事情
解决问题，完成布局
遇到的问题
在布局盒子模型中 总会计算错误，导致输出转换的rem不符合，与ui图不符。
如何让文字与图标一起移动相应对齐呢
收获
加加减减谁都会算，主要需要明白盒子模型定理，需要剪掉哪些长度，而得到对应的rem
返回列表
评论