发表于： 2017-01-30 22:59:10
1 605
今天完成的事情：
1：大致看了viewport的内容，了解了只要一行代码实现屏幕自适应
2：学会了把块的固定宽度调整成为屏幕百分比宽度
3：学习了设置div圆角
附：今天的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport"; content="width=device-width,initial-scale=1.0,maximum-scale=1.0 user-scalable=0"/>
<title> xxb's html</title>
<style>
html,body{width: 100%; height:100%;}
div{display: inline-block;
width:33%;
height:33%;
background-color:orange;
float:left;
margin:0.15%;
border-radius:25px;}
</style>
</head>
<body>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
</body>
</html>
明天计划的事情：1用java实现div的高度等于宽度
2查看chrome开发工具
3注册github，研究如何在手机上浏览自己制作的网页
遇到的问题：div宽度百分比不会设置，自己百度解决
今天的收获：学会了百分比的布局，以后可以尝试各种css布局
返回列表
评论