web-dev-qa-db-ja.com

IFrameのデフォルトの幅/高さ

IFrameのデフォルトの幅/高さを指定する仕様はありますか？

テストしたブラウザ（FF、IE、Chrome）は300x150pxを使用しているようですが、これに関する仕様は見つかりませんでした。このような状況になった場合、これらの値に依存できますか、それとも常に幅/高さを明示的に設定する必要がありますか？

htmliframespecifications
38
Freek

答えは dev-tech-layoutメーリングリスト で見つかりました-これはCSS仕様の一部です。 デフォルトの比率は 2：1 です。

デフォルトの幅 300px は、CSS仕様の最後の段落の インラインで置換された要素の幅 のセクションで定義されています。

それ以外の場合、「幅」の計算値が「自動」であるが、上記の条件のいずれも満たされない場合、使用される「幅」の値は300pxになります。 300pxが広すぎてデバイスに収まらない場合、UAは、2：1の比率でデバイスに合う最大の長方形の幅を使用する必要があります。

デフォルトの高さ 150px は、CSS仕様の最後の段落の インラインで置換された要素の高さ のセクションで定義されています。

それ以外の場合、「高さ」の計算値が「自動」であるが、上記の条件がいずれも満たされない場合、「高さ」の使用値は、2：1の比率を持つ最大の長方形の高さに設定する必要があります。高さは150px以下で、幅はデバイスの幅以下です。

50
Perleone

すべてのブラウザーが同じデフォルトの寸法を実装する保証はないため、幅と高さを明示的に設定して、複数のブラウザー/プラットフォーム間で一貫したレンダリングを保証します。

<iframe src="iframePage.html" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>
6
esdot