diff --git a/index.css b/index.css index 6b238ba..e5833d9 100644 --- a/index.css +++ b/index.css @@ -21,6 +21,7 @@ body { position: absolute; right: 10px; top: 10px; + z-index: 1; } .wrapper a, .wrapper a:hover { @@ -66,9 +67,11 @@ body { .brief { height: 300px; width: 100%; + min-width: 1200px; text-align: center; padding: 100px 0; position: relative; + margin-top: 20px; } .brief .slogan { font-size: 16px; @@ -77,6 +80,7 @@ body { .feature { background: #dedede; width: 100%; + min-width: 1200px; } .feature .featureContent { width: 1200px; @@ -115,6 +119,7 @@ body { .quickstart { background: #f9f9f9; width: 100%; + min-width: 1200px; } .quickstart .quickstartContent { position: relative; @@ -144,6 +149,8 @@ body { } .sample { background: #f9f9f9; + width: 100%; + min-width: 1200px; } .sample .sampleContent { width: 1200px; @@ -174,6 +181,7 @@ body { } .learnMore { width: 100%; + min-width: 1200px; height: 300px; background: #326eeb; text-align: center; diff --git a/index.html b/index.html index f1329ef..9b92115 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ AnyProxy - + diff --git a/index.less b/index.less index 39e5397..73b4354 100644 --- a/index.less +++ b/index.less @@ -34,6 +34,7 @@ body{ position : absolute; right : 10px; top : 10px; + z-index : 1; } a, @@ -90,6 +91,7 @@ body{ .brief{ height: 300px; width: 100%; + min-width: @wideContent; text-align: center; padding: 100px 0; position: relative; @@ -104,6 +106,7 @@ body{ .feature{ background: @darkGray; width: 100%; + min-width: @wideContent; .featureContent{ width: @wideContent; @@ -149,6 +152,7 @@ body{ .quickstart{ background: @gray; width: 100%; + min-width: @wideContent; .quickstartContent{ position: relative; @@ -188,6 +192,8 @@ body{ .sample{ background: @gray; + width: 100%; + min-width: @wideContent; .sampleContent{ @@ -227,6 +233,7 @@ body{ .learnMore{ width: 100%; + min-width: @wideContent; height: 300px; background: @dark; text-align: center;