78 lines
1.9 KiB
HTML
78 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=devic-wdith, initial-scale=1.0" />
|
|
<title></title>
|
|
<link rel="stylesheet" href="css/quanju.css" />
|
|
</head>
|
|
<style>
|
|
@font-face {
|
|
font-family: 'iconfont'; /* project id 1584362 */
|
|
src: url('//at.alicdn.com/t/font_1584362_38u2h39vioe.eot');
|
|
src: url('//at.alicdn.com/t/font_1584362_38u2h39vioe.eot?#iefix') format('embedded-opentype'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.woff2') format('woff2'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.woff') format('woff'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.ttf') format('truetype'),
|
|
url('//at.alicdn.com/t/font_1584362_38u2h39vioe.svg#iconfont') format('svg');
|
|
}
|
|
html{
|
|
min-height: 100vh;
|
|
background: #F6F6F6;
|
|
|
|
}
|
|
.header{
|
|
width: 20rem;
|
|
height: 3.41rem;
|
|
background: white;
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.header .title{
|
|
width:4rem;
|
|
height:0.91rem;
|
|
font-size:0.96rem;
|
|
font-family:PingFang SC;
|
|
font-weight:bold;
|
|
color:rgba(0,0,0,1);
|
|
margin-left: 8.08rem;
|
|
margin-top: 1.92rem;
|
|
line-height:0.91rem ;
|
|
text-align: center;
|
|
}
|
|
.header a{
|
|
position: absolute;
|
|
display: block;
|
|
color:rgba(51,51,51,1);
|
|
width: 2rem;
|
|
height: 2rem;
|
|
top: 1.42rem;
|
|
font-family: 'iconfont'; /* project id 1584362 */
|
|
line-height: 2rem;
|
|
text-align: center;
|
|
font-size:1.7rem ;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
|
|
}
|
|
img{
|
|
width: 20rem;
|
|
height: 33.87rem;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="header">
|
|
<div class="title">马上洗</div>
|
|
<a href="me.html"></a>
|
|
</div>
|
|
<img src="img/组%201%20(13).png" />
|
|
<script>
|
|
(function(){
|
|
var html=document.documentElement;
|
|
var width=html.getBoundingClientRect().width;
|
|
html.style.fontSize=width/20+'px';
|
|
}())
|
|
</script>
|
|
</body>
|
|
</html>
|