first commit

历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-128/css/clear.css

@@ -0,0 +1,17 @@
+/* 专门用来清除标签的默认样式的 */
+li {
+    list-style: none;  /* 清除li标签的小圆点 */
+}
+
+a {
+    text-decoration: none; /* 清除a标签的下划线 */
+}
+
+body,ul,p,h1,h2,h3,h4,h5,h6{
+    margin: 0;
+    padding: 0;
+}
+
+input {
+    outline: none;
+}

历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-128/css/index.css

@@ -0,0 +1,51 @@
+.header {
+    width: 100%;
+    height: 1.8rem;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 999;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: 0.6rem;
+    border-bottom: 0.02rem solid #f3f4f7;;
+}
+.header img {
+    width: 0.38rem;
+	height: 0.68rem;
+}
+.header span {
+	font-size: 0.68rem;
+	color: #333333;
+
+}
+.header div {
+    width: 0.38rem;
+	height: 0.68rem;
+}
+
+.list {
+    background: #5697f4;
+    width: 13.8rem;
+	height: 7.8rem;
+    margin: 2.82rem auto 0;
+    border-radius: 0.3rem;
+    text-align: center;
+    padding-top: 1.12rem;
+}
+.list p {
+	font-size: 0.52rem;
+	color: #ffffff;
+}
+.list img {
+    width: 1.84rem;
+	height: 1.84rem;
+    margin-bottom: 0.64rem;
+}
+.list .one {
+   margin-bottom: 1.9rem;
+}
+.list .two {
+    margin-bottom: 1.26rem;
+}

历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-128/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/clear.css">
+    <link rel="stylesheet" href="./css/public.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <div class="header">
+        <img src="./img/left.png" alt="">
+        <span>余额提现</span>
+        <div></div>
+    </div>
+
+    <div class="content">
+
+        <div class="list">
+            <p class="one">您还没有绑定银行卡，请绑定银行卡后再进行余额提现</p>
+            <img src="./img/jia.png" alt="">
+            <p class="two">添加银行卡</p>
+        </div>
+
+    </div>
+
+    <div class="footer"></div>
+
+</body>
+<script src="./js/rem.js"></script>
+
+</html>

历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-128/js/rem.js

@@ -0,0 +1,11 @@
+window.onload = function () {
+    getRem(750, 50)
+};
+window.onresize = function () {
+    getRem(750, 50)
+};
+function getRem(pwidth, prem) {
+    var html = document.getElementsByTagName("html")[0];
+    var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
+    html.style.fontSize = oWidth / pwidth * prem + "px";
+}