From d44f8144fbcc5d2ad9ceeb510c4c8e7ad5925366 Mon Sep 17 00:00:00 2001
From: ciaochaos <1272777550@qq.com>
Date: Mon, 31 Aug 2020 19:40:40 +0800
Subject: [PATCH] =?UTF-8?q?PNG=20=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Qrcode.css | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/Qrcode.css b/src/components/Qrcode.css
index 77a1826..a1e9f19 100644
--- a/src/components/Qrcode.css
+++ b/src/components/Qrcode.css
@@ -567,11 +567,11 @@ input[type="number"]{
 }
 
 .div-btn {
-    white-space: nowrap;
-    overflow-x: hidden;
-    display: flex;
     justify-content: space-between;
-    margin-bottom: 10px;
+    width: calc((100vw - 46px) / 1);
+    display: flex;
+    display: -webkit-flex; /* Safari */
+    flex-wrap: wrap;
 }
 
 .ul-btn {
@@ -582,7 +582,7 @@ input[type="number"]{
     cursor: pointer;
     font-size: 0.9em;
     line-height: 2em;
-    margin: 0;
+    margin: 0 0 10px;
     width: calc((100vw - 56px) / 2);
     border-radius: 3em;
     outline: none;
@@ -603,6 +603,7 @@ input[type="number"]{
     background: var(--bg-color);
     font-family: 'Futura', sans-serif;
     color: var(--input-font-color);
+    display: inline-block;
 }
 
 @media (min-width: 500px) {
@@ -640,6 +641,7 @@ input[type="number"]{
 }
 
 @media (min-width: 500px) {
+
     .div-btn {
         max-width: 410px;
     }
@@ -649,6 +651,12 @@ input[type="number"]{
     }
 }
 
+@media (min-width: 666px) {
+    .div-btn {
+        max-width: 620px;
+    }
+}
+
 .Qr-footer {
     color: var(--footer-font-color);
     margin-bottom: -1em;