rem手机端模板,话不多说,直接上代码

原创 华ZhaoWeb 随笔 案列 1049阅读 2017-05-19 15:30:18 举报

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1">
<title>Template</title>
<link rel="stylesheet" href="css/reset.css">
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/rem.js"></script>
</head>
<style>
.wrap{
width:100%;
max-width: 750px;
margin: auto;
}
.box{
width:100%;
height: 1.2rem;
border: 1px solid red;
box-sizing: border-box;
}
.spot{
width: 0.4rem;
height: 0.4rem;
display: inline-block;
border: 1px solid red;
border-radius: 50%;
}
/.txt{/
/font-size: 14px;/
/}/
</style>
<body>
<div class="wrap">
<div class="box">
<span class="spot"></span>
</div>
<div class="txt font-size-321-400">
这是测试数据这是测试数据这是测试数据这是测试数据这是测试数据
</div>
</div>
</body>
</html>

rem手机端模板,话不多说,直接上代码

计算rem时只需根据设计图的标注/10;

评论 ( 3 )
最新评论
华ZhaoWeb 2F 2017-05-21 10:20:17 3F

设成10rem的我也做过 ,我个人习惯用这种.

源源不断 2017-05-19 16:49:48 2F

把设备宽设成10rem是不是好计算点

华ZhaoWeb 2017-05-19 15:31:08 1F

1