0

iframe-resizer を使用して、iframe の高さをコンテンツの高さに調整しています。これまでのところ問題なく動作しています。widh に関する問題は 1 つだけです。読み込まれると、iframe を設定するために画面幅が必要になります。これはデスクトップ サイズの画面では問題ありませんが、モバイルでは x 軸でのスクロールを許可したいと考えています。助言がありますか？

これが私の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>
4

1 に答える 1

1

iframe-resizer で最小幅を設定できます。

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

于 2016-06-17T12:26:00.460 に答える