发表于: 2017-03-25 23:52:33
2 640
今天完成的任务:
1.使用Chrome的开发者工具,模拟手机访问网页。
2.给九宫格圆角了一下。
明天完成的任务:看一下怎么将网页上传到网上。
收获:
<!DOCTYPE html>
<html>
<head>
<title>123</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<style type="text/css">
#box{margin: 0; padding: 0;list-style: none;}
div {width: 200px;height: 200px;background: white;margin: auto;}
a{border-radius:8px;
-moz-border-radius:8px;
list-style:none;
background:yellow;
width:calc(33.33% - 10px);
padding-bottom:calc(33.33% - 10px);
margin:5px;
float:left;
}
</style>
</head>
<body>
<div> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> </div>
</body>
</html>
评论