Question

我使用iframe-resizer将iframe的高度调整为其内容的高度。到目前为止工作得很好，我只有一个问题与witdh。加载时，屏幕宽度设置iframe，桌面尺寸屏幕可以，但对于移动设备，我想允许在x-ax上滚动。有什么建议吗？

这是我的iframeresize初始化：

if (document.getElementById('iframe')){
        $('iframe').iFrameResize({
            autoResize: true,
            scrolling: false,
            maxWidth: screen.width,
            sizeWidth: true,
            //widthCalculationMethod: 'taggedElement',
            checkOrigin: [reports_server],
            //log: true
        });
    }

这是我的css：

.iframe-content{
/*  min-width: 800px;
  min-height: 640px;*/
  width: -moz-available;
  width: 100% !important;
  /*height: 100%;*/
  overflow-y: hidden;
}

@media (max-width : 768px) {
  .iframe-content{
      overflow-x: scroll !important;
  }
}

和iframe的html部分：

<iframe title="myiframe" id="iframe" class="iframe-content" src="mysource" scrolling="no"></iframe>

Answer 1

您可以在iframe-resizer中设置最小宽度。

https://github.com/davidjbradshaw/iframe-resizer#minheight--minwidth

使用iframe-resizer，允许iframe在x-ax中滚动以获得更小的屏幕

1 个答案: