发表于: 2017-03-14 23:10:22
3 687
今天完成的事:完成了task3,了解了高度自适应的写法,明白了绝对路径和相对路径该怎么表示,之前写task3是用rem今天用了百分比。
明天计划完成的事:解决下之前task2剩下的svn,把task1~3彻底解决了,预习task4,对自适应再看看资料。
遇到的问题:上传了代码打开链接发现图片加载失败..........问了师兄才知道图片也要一起传上去...........传上去还是不行..........然后去查什么是相对路径什么是绝对路径,重新弄了代码才完成..........还有就是对于块状元素和行状的差异还没透彻,发现师兄的task3没有利用div也能使img标签元素自动换行和形成框模型..........自己临摹了师兄的箭头和logo的css代码然后打开结果................wtf???然后就看来看去没有办法理解...........当时的代码是.left{margin:2rem 0 0 4rem;}
.logo{display:table;
margin: 0 auto;
margin-top: 4rem;
}
收获:了解到了display标签的好用之处,同时发现了用高度自适应的百分比去描写width、padding等的能更适应移动端,不过max-height就没法表示了,要撑高总高度就得靠padding了;最后也不能忘了img { max-width: 100%;}让图片也自适应,不然图片还是没法缩放
评论