jquery - 如何在 PC 屏幕上显示 8 个视频，在移动屏幕上显示 4 个视频

Question

我的电脑上显示了 8 个视频，但我希望它在移动设备上工作时只显示 4 个。

标签： jqueryhtmlcssajax

Answer 1

在移动设备上使用 css withmedia query和 hide( )你想要的视频：display:nonewidth

@media only screen and (max-width: 600px) {
  .video-mobile {
    display: none;
  }
}

<div class="wrap">
  <div>video 1</div>
  <div>video 2</div>
  <div>video 3</div>
  <div>video 4</div>
  <div class="video-mobile">video 5</div>
  <div class="video-mobile">video 6</div>
  <div class="video-mobile">video 7</div>
  <div class="video-mobile">video 8</div>
</div>