j

Public/static/css/main.css

@@ -174,20 +174,20 @@ ul, li {
 #container {
 #container {
   position: relative;
   position: relative;
   background: url("../images/bj.jpg") no-repeat center;
   background: url("../images/bj.jpg") no-repeat center;
-  width: 640px;
-  height: 1238px;
+  width: 8.53333rem;
+  height: 16.50667rem;
 }
 }
 #container .btn-prize {
 #container .btn-prize {
   justify-content: center;
   justify-content: center;
-  width: 200px;
-  height: 200px;
+  width: 2.66667rem;
+  height: 2.66667rem;
   font-size: 27px;
   font-size: 27px;
   border: 1px solid red;
   border: 1px solid red;
 }
 }
 #container .prize-type {
 #container .prize-type {
   position: absolute;
   position: absolute;
-  width: 300px;
-  height: 300px;
+  width: 4rem;
+  height: 4rem;
   opacity: 0;
   opacity: 0;
 }
 }
 #container .word {
 #container .word {

Public/static/css/main.scss

@@ -50,8 +50,9 @@ $ea-prefix-for-spec: false !global;
 //  width: torem($w);
 //  width: torem($w);
 //  height:torem($h);
 //  height:torem($h);
 //}
 //}
+
 @function torem($px) {
 @function torem($px) {
-  @return $px
+  @return $px / 75px * 1rem;
 }
 }
 
 
 @mixin bounds_by_pos($x, $y, $w, $h) {
 @mixin bounds_by_pos($x, $y, $w, $h) {