0

iframeの使用を必要とするPhonegapプロジェクトに取り組んでいます。

iframeは正常に読み込まれますが、高さの設定（height属性またはCSSによるインラインのいずれか）は、SafariDeveloperInspectorの「ComputedStyle」で上書きされます。代わりに、高さはコンテンツを含む高さに一致するように自動的に設定されます（したがって、スクロールすることはありません）。iframe内のさまざまなリンクをナビゲートすると、高さがアクティブに変化します。

これを回避する既知の方法はありますか？

4

1 に答える 1

1

javascript / jQueryを使用してこれを一度行いました。これでうまくいきますか？jsフィドル

HTML

<iframe id="iframeId" marginheight="0" marginwidth="0" align="top" frameborder="0" scrolling="no"></iframe>​

CSS

#iframeId {
  overflow: hidden !important;
 -ms-zoom: 0.4; 
 -moz-transform: scale(0.4); 
 -moz-transform-origin: 0px 0; 
 -o-transform: scale(0.4); 
 -o-transform-origin: 0 0; 
 -webkit-transform: scale(0.4); 
 -webkit-transform-origin: 0 0;
}

jQuery

$('#iframeId').attr('src', "http://webpage.com").width("1105").height("627");

あなたがやろうとしていることは確かではありませんが、この例では、iFrame のサイズはjQuery /javascript によって設定されており、フル フレームのサイトを小さなコンテナーに表示できるため、スケーリングされます。

お役に立てれば。</p>

于 2012-12-12T03:32:53.130 に答える