发表于： 2018-12-04 22:00:49
1 831
今天完成的事：
今天都在做任务八，卡了一下午在有段上，今天也没什么写的，看到后面有个思考css垂直居中的方法，目前能想到的就四个，后面想到在补充吧。
1.用line-height设置行高,已知父元素高度时。
2.使用定位 top：50%然后transform: translateY(-50%),未知父元素高度时。
3.用display：inline-block vertical-align:middle这个是虽然知道方法但是用的很迷时灵时不灵还没彻底搞懂。
4.最简单的一个用flex了。
第二个因为任务七的原因我看了一下vw和vh，先说说%，它是相对于父元素高度的，也就是说需要父元素定高才能使用，但是vw和vh不一样，他们是相对于视口的（可视窗口宽度和可视窗口高度），用于自适应比较好用，换算的话就比如浏览器宽度是1200px, 1 vw = 1200px/100 = 12 px，算宽度一样。但是我没懂一点，如果用vw和vh做正方形要单位统一，因为宽度和高度不一样，取一样的值不会是正方形，我做任务七的时候用了栅格系统，自带宽度为25%，也就相当于25vw吧，但是我高度设置vw移动端会是正方形，pc或是平板就会变形。
明天计划的事：
继续任务八
遇到的困难：
卡在了这里
用bootstrap一直没有找到合适方法，目前还在解决当中。
收获：
综上所述
返回列表
评论