根据窗口大小调整iframe内容的布局

/* 在小屏幕上显示一列 */
@media (max-width: 600px) {
  iframe {
    width: 100%;
  }
}

/* 在中等屏幕上显示两列 */
@media (min-width: 601px) and (max-width: 1200px) {
  iframe {
    width: 50%;
  }
}

/* 在大屏幕上显示三列 */
@media (min-width: 1201px) {
  iframe {
    width: 33.33%;
  }
}

window.addEventListener('resize', function() {
  var windowWidth = window.innerWidth;
  
  if (windowWidth < 600) {
    // 在小屏幕上调整布局
    document.querySelector('iframe').style.width = '100%';
  } else if (windowWidth >= 601 && windowWidth < 1200) {
    // 在中等屏幕上调整布局
    document.querySelector('iframe').style.width = '50%';
  } else {
    // 在大屏幕上调整布局
    document.querySelector('iframe').style.width = '33.33%';
  }
});