html 解决iPhone和iPad上的视差问题 - 因为移动版也会在平板电脑上显示

Posted 2021-05-11

<!-- START hotfix for background issues on tablets -->
<style>
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .border-holder{
      background-attachment: scroll !important;
    }
  }
</style>
<!-- END hotfix for background issues on tablets -->

<!-- START hotfix for background issues on tablets -->
<style>
  @media only screen and (max-width: 767px){
    .border-holder{
      background-attachment: scroll !important;
    }
  }
</style>
<!-- END hotfix for background issues on tablets -->