rem是相对于跟字体的大小
······································································
默认浏览器1rem=16px
·······································································
所以根据设计图的大小来计算html标签的font-size就好了 比如750px的设计稿 html字体设置成75px 基本差不多
设计稿是750px 能根据屏幕大小而改变大小的html页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" name="viewport">
<style>
* {
margin: 0;
padding: 0;
}
html {
font-size: 75px;
width: 100vw;
background: url(各种元素/bgall.jpg) no-repeat;
background-size: 100%;
}
body {
width: 100vw;
height: 900px;
}
.wai {
width: 100vw;
height: 900px;
}
</style>
</head>
<body>
<div class="wai">
</div>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
</body>
</html>