One size fits on all screens.
yarn add vue-one-size
Register as a global component:
import OneSize from 'vue-one-size'
Vue.use(OneSize)
<template>
<OneSizeContainer>
...
</OneSizeContainer>
</template>
Or use it locally:
<template>
<OneSizeContainer>
...
</OneSizeContainer>
</template>
<script>
import OneSize from 'vue-one-size'
export default {
...
components: {
OneSizeContainer: OneSize.container
}
}
</script>
Name | Default | Description |
---|---|---|
width | 375 | Width of the page. |
height | 603 | Height of the page. |
maxRatio | 1 | The maximal ratio to scale up. |
resize | true | Whether to resize when window resized. |