发表于： 2020-04-10 20:55:53
1 1246
今天完成的任务：
①查看学习资料viewport；
②解决昨天遗留的问题：
a. 百分比的大小是相对其父级元素宽高的大小，对于宽度来说，其父级元素无须确定宽度就能设置百分比，但高度则不同，若某元素的父元素没有确定高度，则无法有效使用height=XX%的样式， 所以块级元素的高是由子元素撑开的；
b. 一个元素的 padding，若值为百分比，那这个百分比是相对于其父元素的宽度而言的，使用padding-top设置百分比，即可让子div高度为父元素宽度的百分比。就是使用 padding-top 来代替 height 来实现高度与宽度成比例的效果，因为高度的父级元素没有确定的高度；
c. 将height的值设为30vw也可以达到同样的效果，部分代码如下：
.childbox{
width: 30%;
height: 30vw;
background: yellow;
}
<div class="father">
<div class="childbox"></div>
</div>
③配置配置nginx，并通过共享wifi实现手机上直接显示网页：
④下载并安装调制github app和git bash；
明天的任务：
学习查看有关git的资料以及之后的内容。
返回列表
评论