From 9326104fbc425b4d9ff53062e47c83e2d402c531 Mon Sep 17 00:00:00 2001
From: DefectingCat <i@defect.ink>
Date: Mon, 26 Apr 2021 14:06:27 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=E9=AB=98=E5=88=86=E5=B1=8F?=
 =?UTF-8?q?=E7=9B=AE=E5=BD=95=E9=97=B4=E8=B7=9D=E8=BF=87=E5=AE=BD=201.=20f?=
 =?UTF-8?q?ix:=20#442=20=E9=92=88=E5=AF=B91024=E9=9A=90=E8=97=8F=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E4=B8=8E=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/css/_mixins/base.styl | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/source/css/_mixins/base.styl b/source/css/_mixins/base.styl
index 7911bf26..8f8945c0 100644
--- a/source/css/_mixins/base.styl
+++ b/source/css/_mixins/base.styl
@@ -21,3 +21,26 @@ ground-glass($px, $bg-color, $alpha)
   @supports not ((-webkit-backdrop-filter: blur($px)) or (backdrop-filter: blur($px)))
     &
       background rgb(convert($bg-color))
+
+/* iPad Pro 会显示目录
+ * 4K 等高分屏情况下目录过宽等问题
+ */
+@media (min-width: 2000px)
+  .col-lg-2
+      -ms-flex: 1.1;
+      flex: 1.1;
+      max-width: 100%;
+  .col-lg-8
+      -ms-flex: 2;
+      flex: 2;
+      max-width: 66.666667%;
+/* iPad Pro 为 1024
+ * 这是针对 iPad Pro 而设置的
+ * 这里的 col-lg-2 权重会大于 d-lg-block
+ */
+@media (width: 1024px)
+  .col-lg-8
+      flex: 1
+      max-width: 100%;
+  .col-lg-2
+      display: none !important;