vue 巧妙的运用sass px 转 rem

<template>
<div id="app">
<!-- <img src="./assets/logo.png"> -->
<router-view/>
</div>
</template>

<script>
export default {
name: 'App'
}
</script>

<style lang="scss">
$browser-default-font-size: 50px !default;
@function pxTorem($px) {
@return $px / $browser-default-font-size * 1rem;
}
html,body {
margin:0 auto;
padding:0;
font-size:pxTorem(16px);
}
$background:#FFFFFF;
body {
background:$background;
}
</style>