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の上を削除すると、テキストボックスは正常に機能します。この問題を解決するにはどうすればよいですか?私を助けてください..