vue全屏页面内容等比缩放

可调整scalseNum来改变缩放比例

<div id="app">
    <div class="box" :style="{
                'transformOrigin':'center top',
                'transform':`scale(${scalseNum},${scalseNum})`,'-webkit-transform':`scale(${scalseNum},${scalseNum})`,'-moz-transform':`scale(${scalseNum},${scalseNum})`,'-o-transform':`scale(${scalseNum},${scalseNum})`,'-ms-transform':`scale(${scalseNum},${scalseNum})`
            }">
        <h1>缩放的盒子 比例是：{{scalseNum}}</h1>
    </div>
</div>