testrem 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>aia-activity02</title>
	<style>
	*{margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);box-sizing: border-box;}
    html{font-size:62.5%; 
      font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif;
       -webkit-text-size-adjust:100%; 
       -ms-text-size-adjust:100%;}
    body{position:relative;min-width:320px;
     line-height: 1; 
     font-size:14px;
     font-size: 1.4rem; 
      -webkit-overflow-scrolling: touch;
     }      
       .tt1{
       	width:20rem;
       	height:20rem;
       	margin:10rem auto;
       	border:0.2rem solid red;
        background-color: #00f;
        font-size: 1.8rem;
       }

       @media (max-width: 767px) {
       	
       }
       @media (max-width: 321px) {
       
       }

</style>
</head>
<body>
   <div class="tt1">
   	  我是块1
   </div>
</body>

</html>

　　

 

testclock,

posted @ 2016-05-26 19:11  柠檬可乐  阅读(123)  评论(0)  编辑  收藏  举报