如何根据<iframe>屏幕宽度控制滚动参数？

Question

我正在尝试找到一种方法来使 iframe 控件具有滚动行为，以便当它在宽度大于"X"的屏幕上呈现时，iframe 滚动参数设置为"否"，然后当屏幕宽度低于"X"时，iframe 滚动参数设置为"auto"。

我知道 iframe 已经过时了，但我正在使用一个非常过时的 CMS，除了这个"核"选项之外，它不允许任何其他内容。

我使用的大部分JavaScript都是来自 dyn-web.com（http://www.dyn-web.com/tutorials/iframes/fluid/）的"流体"iframe内容。

Answer 1

您可以使用

CSS 媒体规则例如：

@media only screen and(max-width: 600px){
     #idiFrame{
          height: 500px;
          width: 500px;
          overflow: scroll;
      }
}
@media only screen and (max-width: 1200px){
#idiFrame{
height: 1000px;
width: 1000px;
overflow: hidden;
}
}