发表于: 2016-08-08 23:49:34
1 1476
2016/8/6
今天完成的事:
1. 用position完成Task5-1的一小部分;
2.用VW单位使高度通过宽度确定,并随宽度大小变化而变化。
明天计划的事:
1.完成Task5-1;
2.完成字体自适应。
今天遇到的问题:
1.布局头部的时候在“个人主页” 的样式.top里添加text-align:center;会导致 “返回” 的图片跳到“个人主页” 文字中间。把text-align:center;去掉,然后给 “个人主页”设置上、左边距,图片的位置就正常了。有点不懂为什么。
2.人物头像貌似不太对,我是先弄了白底的圆形,再把图片定位到圆形里面,图片下面不是圆滑的。是应该对图片用border-radius:100%吗?
收获:
1.border-radius:100%就是一个圆形;
2.背景图片拉伸自适应尺寸,在网上的一个博客看到几行代码,直接拿来用了
1. .bg{
2. background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
3. filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
4. -moz-background-size:100% 100%;
5. background-size:100% 100%;
6. }
原文地址:http://blog.csdn.net/jincenlong58/article/details/7981100
3.VW真是好用,图片和高度都能随网页大小变化。
评论