2011-05-03 190 views
27

是否有任何規範指定IFrame的默認寬度/高度?IFrame的默認寬度/高度

我測試過的瀏覽器(FF,IE,Chrome)似乎使用300x150像素,但我無法在此找到任何規格。我是否應該遇到這種情況,我可以依賴這些數值還是應該始終明確設置寬度/高度?

回答

35

我在dev-tech-layout mailing list上找到了答案 - 它是CSS規範的一部分。 默認比率2:1

默認寬度的300像素在CSS規範的最後一段規定,部分上the width of inline replaced elements

否則,如果「寬度」具有「自動」的計算值,但沒有上述 條件都滿足,則「寬度」的使用值變爲300像素 。如果300px太寬而不適合該設備,則UA應使用具有2:1比例的最大矩形的寬度,而不是適合 設備。

默認高度的爲150px在CSS規範的最後一段規定,部分上the height of inline replaced elements

否則,如果「高度」具有「自動」的計算值,但沒有的 上述條件滿足,則「高度」的使用值必須設置 到最大的矩形的高度,比例爲2:1,高度不大於150像素,寬度不大於器件寬度的 。

+0

偉大的發現!你有沒有發現哪個版本的瀏覽器實現了這部分規範? – Gezim 2014-09-09 06:36:57

5

我會明確設置寬度和高度,以確保跨多個瀏覽器/平臺的一致呈現,因爲不能保證每個瀏覽器都會實現相同的默認尺寸。

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

它並沒有真正回答這個問題=( – 2013-11-09 08:36:50