diff --git a/index.css b/index.css
index 31bfa0a..beb1597 100644
--- a/index.css
+++ b/index.css
@@ -63,7 +63,7 @@ body {
   display: inline-block;
   transition: 0.3s;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .wrapper .actionBtn {
     font-size: 20px;
     padding: 10px 20px;
@@ -77,7 +77,7 @@ body {
   width: 100%;
   min-width: 890px;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .wrapper > div {
     min-width: 100%;
   }
@@ -89,7 +89,7 @@ body {
   position: relative;
   margin-top: 20px;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .brief {
     padding: 60px 0 90px;
   }
@@ -106,7 +106,7 @@ body {
   width: 1200px;
   margin: 0 auto;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .feature .featureContent {
     width: 100%;
   }
@@ -147,7 +147,7 @@ body {
   font-size: 14px;
   line-height: 20px;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .feature .featureContent .item {
     padding: 20px 0;
     float: none;
@@ -177,7 +177,7 @@ body {
   right: 0;
   bottom: 0;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .quickstart .screenshot {
     display: none;
   }
@@ -192,7 +192,7 @@ body {
   width: 890px;
   margin: 0 auto;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .listSection .listContent {
     width: 100%;
   }
@@ -200,7 +200,7 @@ body {
 .listSection ul {
   margin: 0 auto;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .listSection ul {
     padding: 0 20px 0 30px;
   }
@@ -217,7 +217,7 @@ body {
   width: 890px;
   margin: 0 auto;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .sample .sampleContent {
     width: 100%;
   }
@@ -230,7 +230,7 @@ body {
   margin: 0px 10px;
   color: #5a5a5a;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .sample .itemTitle {
     margin: 0;
   }
@@ -238,12 +238,19 @@ body {
 .sample .figure {
   vertical-align: top;
 }
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
+  .sample .figure {
+    display: block;
+    margin: 0 auto;
+    text-align: center;
+  }
+}
 .sample pre {
   margin: 0;
   display: inline-block;
   vertical-align: top;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .sample pre {
     width: 100%;
   }
@@ -251,7 +258,7 @@ body {
 .sample code {
   width: 495px;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .sample code {
     width: 100%;
     margin: 0 auto;
@@ -280,7 +287,7 @@ body {
   position: relative;
   padding: 120px 0;
 }
-@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
+@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
   .learnMore {
     padding: 70px 0;
   }
diff --git a/index.less b/index.less
index 82c8b20..53d0b5f 100644
--- a/index.less
+++ b/index.less
@@ -91,7 +91,7 @@ body{
 
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			font-size:20px;
 			padding: 10px 20px;
@@ -110,7 +110,7 @@ body{
 
 	@media only screen 
 	and (min-device-width: 320px) 
-	and (max-device-width: 480px)
+	and (max-device-width: 600px)
 	and (-webkit-min-device-pixel-ratio: 2){
 		min-width: @normalContentMobile;
 	}
@@ -128,7 +128,7 @@ body{
 
 	@media only screen 
 	and (min-device-width: 320px) 
-	and (max-device-width: 480px)
+	and (max-device-width: 600px)
 	and (-webkit-min-device-pixel-ratio: 2){
 		padding: 60px 0 90px;
 	}
@@ -146,7 +146,7 @@ body{
 	.featureContent{
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			width: @wideContentMobile;
 		}
@@ -198,7 +198,7 @@ body{
 
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			.item{
 				padding: 20px 0;
@@ -239,7 +239,7 @@ body{
 
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			display : none;
 		}
@@ -258,7 +258,7 @@ body{
 
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			width: @normalContentMobile;
 		}
@@ -272,7 +272,7 @@ body{
 
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			padding: 0 20px 0 30px;
 		}
@@ -291,7 +291,7 @@ body{
 
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			width: @normalContentMobile;
 		}
@@ -312,7 +312,7 @@ body{
 
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			margin :0;
 		}
@@ -320,6 +320,14 @@ body{
 
 	.figure{
 		vertical-align: top;
+		@media only screen 
+		and (min-device-width: 320px) 
+		and (max-device-width: 600px)
+		and (-webkit-min-device-pixel-ratio: 2){
+			display: block;
+		    margin: 0 auto;
+		    text-align: center;
+		}
 	}
 
 	pre{
@@ -328,7 +336,7 @@ body{
 		vertical-align: top;
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			width: 100%;
 		}
@@ -338,7 +346,7 @@ body{
 		width: 495px;
 		@media only screen 
 		and (min-device-width: 320px) 
-		and (max-device-width: 480px)
+		and (max-device-width: 600px)
 		and (-webkit-min-device-pixel-ratio: 2){
 			width:100%;
 			margin: 0 auto;
@@ -373,7 +381,7 @@ body{
 	padding: 120px 0;
 	@media only screen 
 	and (min-device-width: 320px) 
-	and (max-device-width: 480px)
+	and (max-device-width: 600px)
 	and (-webkit-min-device-pixel-ratio: 2){
 		padding: 70px 0;
 	}