iphone6/7/8 的机型
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>天天动听</title>
<style>
* {
margin: 0px;
}
.tb {
overflow: auto;
}
.tbtp {
float: left;
height:70px;
}
.xzmgyy {
line-height: 70px;
float: right;
margin:0px 20px;
}
.dbtp {
height: 50px;
background-color: red;
height: 50px;
width: 50px;
}
.yytp {
float: left;
}
.wz {
float: left;
}
.ttdtyy {
height: 30px;
background-color: red;
}
.ttdtyy center {
line-height: 30px;
}
.t1 {
height: 50px;
border: solid 1px black;
}
.t1t {
float: left;
margin: 10px 10px 5px 10px;
}
.zdbd {
float: left;
line-height: 50px;
width: 70px;
}
.t2t {
float: left;
margin: 10px 10px 5px 110px;
}
.t3t {
float: left;
margin: 10px 10px 5px 10px;
}
.t4t {
float: left;
margin: 10px 10px 5px 10px;
}
.t2 {
height: 100px;
}
.dib {
height: 90px;
background-color: pink;
overflow: auto;
}
.dbtx {
height: 70px;
width: 70px;
margin: 10px;
float: left;
}
.an1 {
height: 30px;
width: 30px;
float: left;
margin: 10px 10px 0px 50px;
}
.an2 {
height: 30px;
width: 30px;
float: left;
margin: 10px 10px 0px 30px;
}
.an3 {
height: 30px;
width: 30px;
float: left;
margin: 10px 10px 0px 30px;
}
.jdt {
width: 200px;
height: 10px;
float: left;
margin: 0px 10px 3px 35px;
}
</style>
</head>
<body>
<div class="db">
<div class="tb">
<div class="tbtp">
<img src="Music 音乐 app图标03.png" width="70px" height="66px" />
</div>
<div class="xzmgyy">
下载咪咕音乐客户端
</div>
</div>
<div class="ttdtyy">
<center>
天天动听音乐
</center>
</div>
</div>
<div class="zt">
<div class="t1">
<div class="t1t">
<img src="html5.png" width="30px" height="30px" />
</div>
<div class="zdbd">
主打榜单
</div>
<div class="t2t">
<img src="vehivles.png" width="30px" height="30px" />
</div>
<div class="t3t">
<img src="play.png" width="30px" height="30px" />
</div>
<div class="t4t">
<img src="Right button-fill.png" width="30px" height="30px" />
</div>
</div>
<div class="t1">
<div class="t1t">
<img src="html5.png" width="30px" height="30px" />
</div>
<div class="zdbd">
歌单精选
</div>
<div class="t2t">
<img src="vehivles.png" width="30px" height="30px" />
</div>
<div class="t3t">
<img src="play.png" width="30px" height="30px" />
</div>
<div class="t4t">
<img src="Right button-fill.png" width="30px" height="30px" />
</div>
</div>
<div class="t1">
<div class="t1t">
<img src="html5.png" width="30px" height="30px" />
</div>
<div class="zdbd">
原创音乐
</div>
<div class="t2t">
<img src="vehivles.png" width="30px" height="30px" />
</div>
<div class="t3t">
<img src="play.png" width="30px" height="30px" />
</div>
<div class="t4t">
<img src="Right button-fill.png" width="30px" height="30px" />
</div>
</div>
<div class="t2"></div>
</div>
<div class="dib">
<div class="dbtx">
<img src="emblem徽章奖章图标02.png" width="70px" height="70px" />
</div>
<div class="an1">
<img src="下一首 (2).png" width="30px" height="30px" />
</div>
<div class="an2">
<img src="play.png" width="30px" height="30px" />
</div>
<div class="an3">
<img src="下一首 (1).png" width="30px" height="30px" />
</div>
<div class="jdt">
<img src="进度条 (1).png" width="200px" height="30px" />
</div>
</div>
</body>
</html>
