发表于： 2018-09-01 23:59:17
1 729
师兄周末也在回我，好勤奋！
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
1.一言以蔽之，把所有的px转化为百分号。
2.因为太麻烦了感觉脑子都乱乱的，而且感觉我现在用的这种排版方法太过于笨拙了，而且没有办法做到真正意义上的自适应，因为完全是按照设计图的比例来做的，当屏幕不是640/1010的比例的时候整个就会有点奇怪。
明天计划的事情：（一定要写非常细致的内容）
1.看到群里有人发这个任务相关的信息，他用的是position：absolute;，感觉比我的代码简洁非常多，明天研究一下。
2.现在的勉强差个几个断点更改html的font-size就能做到基本的自适应了，明天复习一下断点方面的知识。
3.研究看看还有没有别的方法更准确便捷的实现这个布局。
遇到的问题：（遇到什么困难，怎么解决的）
今天的问题主要在于计算，除此以外还有几个疑问求问一下师兄：
1.当更换比例的时候我的图片会变得残缺不全，就像是
这个样子，但是图片的width和height我都是使用百分比设置的啊？
2.像这种设计图给的是纯移动端的，在pc上直接拉长就可以了吗……感觉怎么看都怪怪的……
收获：（通过今天的学习，学到了什么知识）
1.margin的四个方向的百分比都是根据父元素的width。
2.同理padding也是。
3.font-size的默认值是16px。
返回列表
评论