From 5dbe1b238ad24a05da76a0f0f4160ee1249c33b0 Mon Sep 17 00:00:00 2001 From: zhuzhuxia Date: Sat, 2 Dec 2017 13:09:15 +0800 Subject: [PATCH] fix layout beautiful when browser changes size ! --- source/css/_common/outline/outline.styl | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/source/css/_common/outline/outline.styl b/source/css/_common/outline/outline.styl index 7337e1823..2ffd4cf3a 100644 --- a/source/css/_common/outline/outline.styl +++ b/source/css/_common/outline/outline.styl @@ -18,10 +18,10 @@ html, body { height: 100%; } .header-inner { margin: 0 auto; padding: 100px 0 70px; - width: $content-desktop; + max-width: $content-desktop; +desktop-large() { - .container & { width: $content-desktop-large; } + .container & { max-width: $content-desktop-large; } } } @@ -30,10 +30,10 @@ html, body { height: 100%; } .main { padding-bottom: $footer-height + $gap-between-main-and-footer; } .main-inner { margin: 0 auto; - width: $content-desktop; + max-width: $content-desktop; +desktop-large() { - .container & { width: $content-desktop-large; } + .container & { max-width: $content-desktop-large; } } } @@ -50,9 +50,9 @@ html, body { height: 100%; } .footer-inner { box-sizing: border-box; margin: 20px auto; - width: $content-desktop; + max-width: $content-desktop; +desktop-large() { - .container & { width: $content-desktop-large; } + .container & { max-width: $content-desktop-large; } } }