1

ツールチップ内にスライド共有プレゼンテーションを埋め込みたいです。一般的に、コンテンツに基づいてヒントの高さ/幅を動的に変更したいので、（CSSで）設定します

width:auto;
height:auto;

ツールチップの幅を iframe のインライン幅属性で指定したいと思います。

ここを参照してくださいhttp://jsfiddle.net/elewinso/eNfHZ/

4

2 に答える 2

2

の意味はwidth: auto要素のプロパティに依存し、この場合、CSS 2.1 仕様の10.3.1300px節に従って、 を意味します。要素には固有の幅がなく、(CSS では) その幅を iframe ドキュメントのコンテンツに依存させることはできません。これは、フレーム ドキュメントの設定とは無関係に、iframe ドキュメントが自律的にレンダリングされるというまさにその考え方の一部です。iframe ドキュメントのコンテンツを含めます)。iframeiframe

したがって、ツールチップをスムーズにレンダリングしたい場合は、使用しないでくださいiframe。代わりに、メイン ドキュメントでコンテンツ (静的またはスクリプト生成) を使用します。

width要素の HTML属性を有効にしたいだけの場合はiframe、CSS でオーバーライドしないでください。要素widthのプロパティを設定すると、要素のwidth属性が null および無効になります。

于 2013-08-04T12:10:07.083 に答える
0

100% 幅の作品:

div.sttip iframe{
    width: 100%;
    height: auto;
}

http://jsfiddle.net/eNfHZ/1/

ただし、アスペクト比を維持することはできません。Javascript を使用して、onResize イベント ハンドラーを使用して高さを計算する必要があります。

于 2013-08-04T12:08:16.803 に答える