发表于： 2018-09-15 18:07:04
1 762
今天完成的事情：
学习了盒子的浮动；
学习了Chrome的Web开发工具；
学习了viewport, 了解了移动端适配的基本概念。
明天计划的事情：
继续完成移动端适配的练习，然后提交任务。
这里我有一点困惑，移动端适配还需要做什么？我感觉好像不用做什么，九宫格就是能适配移动端的。
还没有在手机上验证。
遇到的问题：
1. 行内元素span是不能显示为色块的，即使设置背景色也不行。 解决办法：色块全部用div实现。
2. 如何设置色块的高，修改height参数不起作用。 解决办法： 用 padding-bottom 实现。
3. 如何使色块换行? 解决办法： 把width设置为相对值(30%)。
收获：
1. 盒子的浮动，这个知识点非常有用，让我理解了页面的排版。
2. 高度的百分比值仍然是相对于宽度的，实际上不直接指定高度，而是通过盒子模型设置内边距、外边距来达到想要的效果。解决了怎么设置高度的困惑。
3. 学会了CSS不符合预期时的调试方法。
返回列表
评论