diff --git a/src/components/split/split.vue b/src/components/split/split.vue
index 84821404..7a83ebde 100644
--- a/src/components/split/split.vue
+++ b/src/components/split/split.vue
@@ -155,17 +155,24 @@
                 on(document, 'mousemove', this.handleMove);
                 on(document, 'mouseup', this.handleUp);
                 this.$emit('on-move-start');
+            },
+            computeOffset(){
+                this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100;
             }
         },
         watch: {
             value () {
-                this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100;
+                this.computeOffset()
             }
         },
         mounted () {
             this.$nextTick(() => {
-                this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100;
+                this.computeOffset()
             });
+
+            window.addEventListener('resize', ()=>{
+                this.computeOffset()
+            })
         }
     };
 </script>