背景图片全屏铺满完美自适应

vue 代码

<template>
  <div class="page-wrapper">
  </div>
</template>

<style lang="scss" scoped>
.page-wrapper {
  height: 100vh;
  background: url("../../assets/bg.png") no-repeat;
  background-size: 100% 100vh;
  background-attachment: fixed;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

PS:全局样式就加了 margin 0 padding 0

效果图