如何修复iframe的响应式css

<iframe src="your-iframe-url" style="width:100%;" scrolling="no"></iframe>

<style>
  @media only screen and (max-width: 768px) {
    iframe {
      width: 100%;
    }
  }
</style>

<iframe id="responsive-iframe" src="your-iframe-url" scrolling="no"></iframe>

<script>
  window.addEventListener('resize', adjustIframe);

  function adjustIframe() {
    var iframe = document.getElementById('responsive-iframe');
    if (window.innerWidth <= 768) {
      iframe.style.width = '100%';
    } else {
      iframe.style.width = '800px';
    }
  }
</script>

<iframe src="your-iframe-url" style="width:100%; max-width:800px;" scrolling="no"></iframe>