scss 移动设备上的视口高度单位

Posted 2021-05-17

// Set the value of the custom variable '--vh' to the root of the document
document.documentElement.style.setProperty(
  '--vh',
  `${window.innerHeight * 0.01}px`
)

/**
 * SP viewport height
 * spvh(vh, px);
 */
@function spvh($vh: 100, $adjust: 0px) {
  @return calc((var(--vh, 1vh) * #{$vh}) + #{$adjust});
}

.hoge {
  height: spvh(100, -60px);
}