diff --git a/src/components/list/list.vue b/src/components/list/list.vue
index b51cf976..cb289d20 100644
--- a/src/components/list/list.vue
+++ b/src/components/list/list.vue
@@ -46,10 +46,6 @@
                 type: Boolean,
                 default: false
             },
-            page: {
-                type: [Boolean, Object],
-                default: false
-            },
             size: {
                 validator (value) {
                     return oneOf(value, ['small', 'large', 'default']);
diff --git a/src/styles/components/list.less b/src/styles/components/list.less
index 8d8771b2..5f2f16f3 100644
--- a/src/styles/components/list.less
+++ b/src/styles/components/list.less
@@ -222,3 +222,46 @@
         }
     }
 }
+
+// responsive
+
+@media screen and (max-width: @screen-md) {
+    .@{list-prefix-cls} {
+        &-item {
+            &-action {
+                margin-left: 24px;
+            }
+        }
+    }
+
+    .@{list-prefix-cls}-vertical {
+        .@{list-prefix-cls}-item {
+            &-extra {
+                margin-left: 24px;
+            }
+        }
+    }
+}
+
+@media screen and (max-width: @screen-sm) {
+    .@{list-prefix-cls} {
+        &-item {
+            flex-wrap: wrap;
+            &-action {
+                margin-left: 12px;
+            }
+        }
+    }
+
+    .@{list-prefix-cls}-vertical {
+        .@{list-prefix-cls}-item {
+            flex-wrap: wrap-reverse;
+            &-main {
+                min-width: 220px;
+            }
+            &-extra {
+                margin: auto auto 16px;
+            }
+        }
+    }
+}