首篇文章代码介绍
2016-11-25 本文已影响0人
少帅_ZK青春
欢迎大家光临本人简书
张少微博链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
html,body {
height:100%;
}
html{
font-size:10px
}
h2 {
font-size:1.9rem;
}
/*媒体查询*/
@media screen and (min-width:321px) and (max-width:375px){ html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){ html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){ html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){ html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){ html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){ html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
</style>
</head>
<body>
<div>
<h2>我是张少</h2>
<span>张昆</span>
<h3>身高:181cm</h3>
<span>2016年11月25日</span>
</div>
</body>
</html>
