发表于： 2016-06-02 23:01:52
1 984
今天完成的事：经过我两天的奋斗，终于弄出来啦。心力交瘁啊，做梦都在想代码我也是醉了。task3 做好啦。不过我没怎么用em，rem.都用了百分比。有问题请帮忙指点一下，谢谢。我主要用了max-width。基本思路就是先有容器包裹，然后做框架。我分成了四个部分，两个横排，最后两个竖排。我比较混淆的知识点就是居中的问题，一定要注意，img是内联块，要居中可以在他的父级写text-align:center.另外用了float,实在不清楚哪些部分是被这个float影响的，我就都标了边框，这样比较清楚方便，然后被影响的用overflow:hidden就解决了。另外要注意一定要用max-width。我写代码的时候每一个div内都写了max-width，如果不写，只写比如说width：50%，在画了外框的条件下，边框有一边没有线条，这样在自适应里就出问题了。另外我默认是padding margin设百分比是比照宽度的。好像这样写下来也没有问题。。。。。
明天的任务：任务四做完。任务五开始准备学习
遇到的问题：图片怎么缩放呢。我之前看资料是只要写max-width:100%，height:auto 但是实际我在调分辨率的时候，我看到图片只要那个div快能放下它，他不会有尺寸的变化。这样与我想与内容同比例放大缩小的希望差很多。有什么其他的方法吗？
github 预览地址：
代码https://github.com/xiaomimi2/gittest/blob/master/web/task3.html
返回列表
评论