Vue 如何判断当前设备是否有刘海屏，因为有刘海屏，上面header的高度和没有的高度不一致，

Question

我的和时间在一块了，但是不是刘海屏的没事， 我就是往下来电padding-top  怎么解决这个问题呢

Answer 1

楼主可以根据设备的分辨率来判断：

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .main-body {
    height: calc(100% + 34px);
  }
}