From baa18c998e5e172c92684d6d695d216ed9f47ef9 Mon Sep 17 00:00:00 2001 From: Rui Date: Sun, 17 Dec 2017 15:48:57 +0900 Subject: [PATCH] =?UTF-8?q?IE11=E7=94=A8=E3=83=99=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC=E3=83=97=E3=83=AC=E3=83=95=E3=82=A3=E3=83=83=E3=82=AF?= =?UTF-8?q?=E3=82=B9=E3=81=AE=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit IEきらい。 --- _sass/_container.scss | 32 +++++++++++++++++++++++++++++--- 1 file changed, 29 insertions(+), 3 deletions(-) diff --git a/_sass/_container.scss b/_sass/_container.scss index cbf226f..db88fdc 100644 --- a/_sass/_container.scss +++ b/_sass/_container.scss @@ -7,12 +7,14 @@ border-right: $border-default; box-shadow: $container-box-shadow; box-sizing: border-box; - display: -ms-grid; - -ms-grid-template-columns: auto 1fr; - -ms-grid-template-rows: auto 1fr auto; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr auto; + // IE11 ~ + display: -ms-grid; + -ms-grid-template-columns: auto 1fr; + -ms-grid-template-rows: auto 1fr auto; + // ~ IE11 margin: 0 auto; min-height: 100vh; width: 85vw; @@ -23,6 +25,12 @@ grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; + // IE11 ~ + -ms-grid-column-start: 1; + -ms-grid-column-end: 3; + -ms-grid-row-start: 1; + -ms-grid-row-end: 2; + // ~ IE11 } #menu { @@ -31,6 +39,12 @@ grid-column-end: 2; grid-row-start: 2; grid-row-end: 3; + // IE11 ~ + -ms-grid-column-start: 1; + -ms-grid-column-end: 2; + -ms-grid-row-start: 2; + -ms-grid-row-end: 3; + // ~ IE11 } #content { @@ -38,6 +52,12 @@ grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; + // IE11 ~ + -ms-grid-column-start: 2; + -ms-grid-column-end: 3; + -ms-grid-row-start: 2; + -ms-grid-row-end: 3; + // ~ IE11 } footer { @@ -45,6 +65,12 @@ grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; + // IE11 ~ + -ms-grid-column-start: 1; + -ms-grid-column-end: 3; + -ms-grid-row-start: 3; + -ms-grid-row-end: 4; + // ~ IE11 } }