diff --git a/src/vue-better-slider/components/slider.vue b/src/vue-better-slider/components/slider.vue
index 6d91d34..a59b487 100644
--- a/src/vue-better-slider/components/slider.vue
+++ b/src/vue-better-slider/components/slider.vue
@@ -53,6 +53,10 @@ export default {
   },
   mounted() {
     this.initialize();
+    // 监听 resize事件,改变窗口重新初始化
+    window.addEventListener('resize', () => {
+        this.initialize();
+    })
   },
   destroyed() {
     clearTimeout(this.timer);
@@ -80,7 +84,6 @@ export default {
   },
   methods: {
     initialize() {
-      // reset offset when children changes
       clearTimeout(this.timer);
       this.width = this.$el.getBoundingClientRect().width;
       this.active = 0;
@@ -167,6 +170,10 @@ export default {
 </script>
 
 <style>
+  body{
+    margin:0px;
+    padding:0px;
+  }
   .ic-slider {
     overflow: hidden;
     position: relative;
diff --git a/static/package.json b/static/package.json
index d8a2d6a..0cbc114 100644
--- a/static/package.json
+++ b/static/package.json
@@ -1,6 +1,6 @@
 {
     "name": "vue-better-slider",
-    "version": "1.0.9",
+    "version": "1.0.10",
     "main": "index.js",
     "scripts": {},
     "author": "songhao",
diff --git a/vue-better-slider/index.js b/vue-better-slider/index.js
index 41f4b3b..d035cfe 100644
--- a/vue-better-slider/index.js
+++ b/vue-better-slider/index.js
@@ -1 +1 @@
-module.exports=function(t){function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}var e={};return i.m=t,i.c=e,i.i=function(t){return t},i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},i.p="/",i(i.s=6)}([function(t,i){t.exports=function(t,i,e,n){var o,s=t=t||{},r=typeof t.default;"object"!==r&&"function"!==r||(o=t,s=t.default);var c="function"==typeof s?s.options:s;if(i&&(c.render=i.render,c.staticRenderFns=i.staticRenderFns),e&&(c._scopeId=e),n){var u=Object.create(c.computed||null);Object.keys(n).forEach(function(t){var i=n[t];u[t]=function(){return i}}),c.computed=u}return{esModule:o,exports:s,options:c}}},function(t,i,e){var n=e(0)(e(4),e(8),null,null);t.exports=n.exports},function(t,i,e){e(7);var n=e(0)(e(5),e(9),null,null);t.exports=n.exports},function(t,i){t.exports=require("vue")},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider-item",data:function(){return{offset:0}},computed:{style:function(){return{width:this.$parent.width+"px",transform:"translate3d("+this.offset+"px, 0, 0)"}}},beforeCreate:function(){this.$parent.swipes.push(this)},destroyed:function(){this.$parent.swipes.splice(this.$parent.swipes.indexOf(this),1)}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider",props:{autoplay:Number,showIndicators:{type:Boolean,default:!0},duration:{type:Number,default:500}},data:function(){return{width:0,offset:0,startX:0,startY:0,active:0,deltaX:0,swipes:[],direction:"",currentDuration:0}},mounted:function(){this.initialize()},destroyed:function(){clearTimeout(this.timer)},watch:{swipes:function(){this.initialize()}},computed:{count:function(){return this.swipes.length},trackStyle:function(){return{paddingLeft:this.width+"px",width:(this.count+2)*this.width+"px",transitionDuration:this.currentDuration+"ms",transform:"translate3d("+this.offset+"px, 0, 0)"}},activeIndicator:function(){return(this.active+this.count)%this.count}},methods:{initialize:function(){clearTimeout(this.timer),this.width=this.$el.getBoundingClientRect().width,this.active=0,this.currentDuration=0,this.offset=this.count>1?-this.width:0,this.swipes.forEach(function(t){t.offset=0}),this.autoPlay()},onTouchStart:function(t){clearTimeout(this.timer),this.deltaX=0,this.direction="",this.currentDuration=0,this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.active<=-1&&this.move(this.count),this.active>=this.count&&this.move(-this.count)},onTouchMove:function(t){this.direction=this.direction||this.getDirection(t.touches[0]),"horizontal"===this.direction&&(t.preventDefault(),this.deltaX=t.touches[0].clientX-this.startX,this.move(0,this.range(this.deltaX,[-this.width,this.width])))},onTouchEnd:function(){this.deltaX&&(this.move(Math.abs(this.deltaX)>50?this.deltaX>0?-1:1:0),this.currentDuration=this.duration),this.autoPlay()},move:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=this.active,n=this.count,o=this.swipes,s=this.deltaX,r=this.width;t?(-1===e&&(o[n-1].offset=0),o[0].offset=e===n-1&&t>0?n*r:0,this.active+=t):0===e?o[n-1].offset=s>0?-n*r:0:e===n-1&&(o[0].offset=s<0?n*r:0),this.offset=i-(this.active+1)*this.width},autoPlay:function(){var t=this,i=this.autoplay;i&&this.count>1&&(clearTimeout(this.timer),this.timer=setTimeout(function(){t.currentDuration=0,t.active>=t.count&&t.move(-t.count),setTimeout(function(){t.currentDuration=t.duration,t.move(1),t.autoPlay()},30)},i))},getDirection:function(t){var i=Math.abs(t.clientX-this.startX),e=Math.abs(t.clientY-this.startY);return i>e?"horizontal":i<e?"vertical":""},range:function(t,i){return Math.min(Math.max(t,i[0]),i[1])}}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=e(3),o=(e.n(n),e(2)),s=e.n(o),r=e(1),c=e.n(r);e.d(i,"IcSlider",function(){return s.a}),e.d(i,"IcSliderItem",function(){return c.a})},function(t,i){},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement;return(t._self._c||i)("div",{staticClass:"ic-slider-item",style:t.style},[t._t("default")],2)},staticRenderFns:[]}},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"ic-slider"},[t.count>1?e("div",{staticClass:"ic-slider__track",style:t.trackStyle,on:{touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd,touchcancel:t.onTouchEnd,transitionend:function(i){t.$emit("change",t.activeIndicator)}}},[t._t("default")],2):e("div",{staticClass:"ic-slider__track"},[t._t("default")],2),t._v(" "),t.showIndicators&&t.count>1?e("div",{staticClass:"ic-slider__indicators"},t._l(t.count,function(i){return e("i",{class:{"ic-slider__indicator--active":i-1===t.activeIndicator}})})):t._e()])},staticRenderFns:[]}}]);
\ No newline at end of file
+module.exports=function(t){function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}var e={};return i.m=t,i.c=e,i.i=function(t){return t},i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},i.p="/",i(i.s=6)}([function(t,i){t.exports=function(t,i,e,n){var o,s=t=t||{},r=typeof t.default;"object"!==r&&"function"!==r||(o=t,s=t.default);var c="function"==typeof s?s.options:s;if(i&&(c.render=i.render,c.staticRenderFns=i.staticRenderFns),e&&(c._scopeId=e),n){var u=Object.create(c.computed||null);Object.keys(n).forEach(function(t){var i=n[t];u[t]=function(){return i}}),c.computed=u}return{esModule:o,exports:s,options:c}}},function(t,i,e){var n=e(0)(e(4),e(8),null,null);t.exports=n.exports},function(t,i,e){e(7);var n=e(0)(e(5),e(9),null,null);t.exports=n.exports},function(t,i){t.exports=require("vue")},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider-item",data:function(){return{offset:0}},computed:{style:function(){return{width:this.$parent.width+"px",transform:"translate3d("+this.offset+"px, 0, 0)"}}},beforeCreate:function(){this.$parent.swipes.push(this)},destroyed:function(){this.$parent.swipes.splice(this.$parent.swipes.indexOf(this),1)}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider",props:{autoplay:Number,showIndicators:{type:Boolean,default:!0},duration:{type:Number,default:500}},data:function(){return{width:0,offset:0,startX:0,startY:0,active:0,deltaX:0,swipes:[],direction:"",currentDuration:0}},mounted:function(){var t=this;this.initialize(),window.addEventListener("resize",function(){t.initialize()})},destroyed:function(){clearTimeout(this.timer)},watch:{swipes:function(){this.initialize()}},computed:{count:function(){return this.swipes.length},trackStyle:function(){return{paddingLeft:this.width+"px",width:(this.count+2)*this.width+"px",transitionDuration:this.currentDuration+"ms",transform:"translate3d("+this.offset+"px, 0, 0)"}},activeIndicator:function(){return(this.active+this.count)%this.count}},methods:{initialize:function(){clearTimeout(this.timer),this.width=this.$el.getBoundingClientRect().width,this.active=0,this.currentDuration=0,this.offset=this.count>1?-this.width:0,this.swipes.forEach(function(t){t.offset=0}),this.autoPlay()},onTouchStart:function(t){clearTimeout(this.timer),this.deltaX=0,this.direction="",this.currentDuration=0,this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.active<=-1&&this.move(this.count),this.active>=this.count&&this.move(-this.count)},onTouchMove:function(t){this.direction=this.direction||this.getDirection(t.touches[0]),"horizontal"===this.direction&&(t.preventDefault(),this.deltaX=t.touches[0].clientX-this.startX,this.move(0,this.range(this.deltaX,[-this.width,this.width])))},onTouchEnd:function(){this.deltaX&&(this.move(Math.abs(this.deltaX)>50?this.deltaX>0?-1:1:0),this.currentDuration=this.duration),this.autoPlay()},move:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=this.active,n=this.count,o=this.swipes,s=this.deltaX,r=this.width;t?(-1===e&&(o[n-1].offset=0),o[0].offset=e===n-1&&t>0?n*r:0,this.active+=t):0===e?o[n-1].offset=s>0?-n*r:0:e===n-1&&(o[0].offset=s<0?n*r:0),this.offset=i-(this.active+1)*this.width},autoPlay:function(){var t=this,i=this.autoplay;i&&this.count>1&&(clearTimeout(this.timer),this.timer=setTimeout(function(){t.currentDuration=0,t.active>=t.count&&t.move(-t.count),setTimeout(function(){t.currentDuration=t.duration,t.move(1),t.autoPlay()},30)},i))},getDirection:function(t){var i=Math.abs(t.clientX-this.startX),e=Math.abs(t.clientY-this.startY);return i>e?"horizontal":i<e?"vertical":""},range:function(t,i){return Math.min(Math.max(t,i[0]),i[1])}}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=e(3),o=(e.n(n),e(2)),s=e.n(o),r=e(1),c=e.n(r);e.d(i,"IcSlider",function(){return s.a}),e.d(i,"IcSliderItem",function(){return c.a})},function(t,i){},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement;return(t._self._c||i)("div",{staticClass:"ic-slider-item",style:t.style},[t._t("default")],2)},staticRenderFns:[]}},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"ic-slider"},[t.count>1?e("div",{staticClass:"ic-slider__track",style:t.trackStyle,on:{touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd,touchcancel:t.onTouchEnd,transitionend:function(i){t.$emit("change",t.activeIndicator)}}},[t._t("default")],2):e("div",{staticClass:"ic-slider__track"},[t._t("default")],2),t._v(" "),t.showIndicators&&t.count>1?e("div",{staticClass:"ic-slider__indicators"},t._l(t.count,function(i){return e("i",{class:{"ic-slider__indicator--active":i-1===t.activeIndicator}})})):t._e()])},staticRenderFns:[]}}]);
\ No newline at end of file
diff --git a/vue-better-slider/package.json b/vue-better-slider/package.json
index a1e6e4b..d8a2d6a 100644
--- a/vue-better-slider/package.json
+++ b/vue-better-slider/package.json
@@ -1,6 +1,6 @@
 {
     "name": "vue-better-slider",
-    "version": "1.0.8",
+    "version": "1.0.9",
     "main": "index.js",
     "scripts": {},
     "author": "songhao",