test

css/question.css

@@ -150,9 +150,8 @@ body {
     height: 100%;
 }
 .popup-content .bg {
-    position: absolute;
-    left: 15%;
-    top: .6rem;
+    margin-left: 15%;
+    margin-top: 0.5rem;
     width: 70%;
 }
 
@@ -163,16 +162,14 @@ canvas {
 }
 
 .baocun {
-    position: absolute;
-    left: 50%;
-    bottom: 1.6rem;
-    transform: translateX(-50%);
-    color: #fff;
-    font-size: .28rem;
+    margin-left: 29%;
+    margin-top: 0rem;
+    margin-bottom: 0.3rem;
+    font-size: 0.3rem;
+    color: gainsboro;
 }
 
 .code {
-    position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;

view/question.html

@@ -52,7 +52,7 @@
             </canvas>
             <!--<img class="bg" src="../image/question/2.jpg" alt=""  crossorigin="anonymous">-->
             <img class="bg" alt=""  crossorigin="anonymous">
-            <div class="baocun">长按保存分享朋友圈</div>
+            <div class="baocun">长按保存，并分享至朋友圈</div>
             <div class="code">
                 <img src="../image/question/code.jpg" alt="">
                 <div class="text">