2

iFrameを使用してウェブサイトをphonegapアプリケーションにロードしました。

    <iframe id="divIFrame" src="https://mysite" border="0"></iframe>

以下のcssを使用して、iFrameコンテンツのズームレベルを設定しました

       #divIFrame {
           -moz-transform: scale(0.45, 1.00);
            -webkit-transform: scale(0.45, 1.00);
            -o-transform: scale(0.45, 1.00);
            -ms-transform: scale(0.45,1.00);
            transform: scale(0.45, 1.00);
            -moz-transform-origin: top left;
            -webkit-transform-origin: top left;
            -o-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            border: solid #ccc 10px;
        }

iframeにスタイルを含めた後、iframeコンテンツ(mysite)のテキストボックスに値を入力できません。テキストボックス、ラジオボタンは、iFrameに読み込まれたマイサイトでは機能しません。

ズームCSSの上を削除すると、テキストボックスは正常に機能します。この問題を解決するにはどうすればよいですか?私を助けてください..

4

0 に答える 0