From deca8bf0db453f4f62f973a65647bb038533d8c2 Mon Sep 17 00:00:00 2001 From: captainblue2013 Date: Fri, 30 Mar 2018 11:02:51 +0800 Subject: [PATCH 1/3] =?UTF-8?q?Info=20=E9=83=A8=E5=88=86=E5=AE=BD=E5=BA=A6?= =?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/pages/Index/Info/style.scss | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/src/pages/Index/Info/style.scss b/src/pages/Index/Info/style.scss index 8fb8388..6b96249 100644 --- a/src/pages/Index/Info/style.scss +++ b/src/pages/Index/Info/style.scss @@ -52,7 +52,25 @@ display: none; } .col-md-7{ - width: 66.66666667%; + width: 80%; + } + .col-md-8{ + width: 80%; + } + } + } +} +@media (max-width: 480px) { + .index-info{ + .info-row{ + .ImagePanel{ + display: none; + } + .col-md-7{ + width: 90%; + } + .col-md-8{ + width: 90%; } } } From db05e99091f778ef0e10a7962de65239b2714d4c Mon Sep 17 00:00:00 2001 From: captainblue2013 Date: Fri, 30 Mar 2018 13:53:27 +0800 Subject: [PATCH 2/3] =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E7=BA=A6?= =?UTF-8?q?=E5=AE=9A=E6=A8=A1=E5=9E=8B=EF=BC=8C=20=E5=8F=82=E8=80=83Info?= =?UTF-8?q?=E9=83=A8=E5=88=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Index/Info/style.scss | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/src/pages/Index/Info/style.scss b/src/pages/Index/Info/style.scss index 6b96249..e23ded9 100644 --- a/src/pages/Index/Info/style.scss +++ b/src/pages/Index/Info/style.scss @@ -45,7 +45,11 @@ } } } -@media (max-width: 992px) { + +@media (min-width: 992px) and (max-width: 1279px) { + +} +@media (min-width: 768px) and (max-width: 991px) { .index-info{ .info-row{ .ImagePanel{ @@ -60,7 +64,22 @@ } } } -@media (max-width: 480px) { +@media (min-width: 576px) and (max-width: 767px) { + .index-info{ + .info-row{ + .ImagePanel{ + display: none; + } + .col-md-7{ + width: 85%; + } + .col-md-8{ + width: 85%; + } + } + } +} +@media (min-width: 0px) and (max-width: 575px) { .index-info{ .info-row{ .ImagePanel{ From a2b41f885fffdf22b2f9543a59e56647109b7dc4 Mon Sep 17 00:00:00 2001 From: captainblue2013 Date: Fri, 30 Mar 2018 13:57:47 +0800 Subject: [PATCH 3/3] FIX --- src/pages/Index/Info/style.scss | 2 +- src/pages/Index/Slogan/index.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/Index/Info/style.scss b/src/pages/Index/Info/style.scss index e23ded9..44d9565 100644 --- a/src/pages/Index/Info/style.scss +++ b/src/pages/Index/Info/style.scss @@ -47,8 +47,8 @@ } @media (min-width: 992px) and (max-width: 1279px) { - } + @media (min-width: 768px) and (max-width: 991px) { .index-info{ .info-row{ diff --git a/src/pages/Index/Slogan/index.js b/src/pages/Index/Slogan/index.js index be1d251..4f313d1 100644 --- a/src/pages/Index/Slogan/index.js +++ b/src/pages/Index/Slogan/index.js @@ -21,7 +21,7 @@ class Index extends Component { 立即前往线上学习平台
- + 中文版