发表于： 2020-05-25 20:01:12
0 1165
今天完成：
九宫格自适应，随着页面大小缩放，自动调整格子大小，不会出现滚动条。
这次查资料后用的是float方法，比较简单，但是开始没有想到高度怎么设置接下来，再尝试查下资料，看看有没有其他的方法！不知道flex和网格布局可不可以实现
晚上继续尝试其他方法。争取今天晚上把常用方法都尝试下，然后明天开始下一个任务
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.box {
width: 31.3%;
padding-bottom: 31.3%;
margin: 1%;
float: left;
background-color: orange;
box-sizing: border-box;
border-radius: 10%;
}
</style>
</head>
<body>
<div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
返回列表
评论