Firefox上的iframe大小問題

我在列表中有一個iframe（我使用的是滑塊），並且在Chrome上完美設置了其大小，但在Firefox上它的大小更小。Firefox上的iframe大小問題

是這樣的

<ul id="slider"> 
    <li><iframe src="slider1-mobile.htm" style="width:320px; height:250px;"></iframe></li> 
    <li><iframe src="slider2-mobile.htm" style="width:320px; height:250px;"></iframe></li> 
    <li><iframe src="slider3-mobile.htm" style="width:320px; height:250px;"></iframe></li> 
    <li><iframe src="slider4-mobile.htm" style="width:320px; height:250px;"></iframe></li> 
</ul>

使用Firebug我可以看到，每個li元素的大小爲320x250對CSS的規定......但在iframe開關的寬度和高度爲100％，即使我把它與style屬性內聯，我希望他們是320 ...反正，即使它是100％，因爲父母（<li>）的大小爲320x250，寬度爲100％的iframe應該有320的寬度，因爲320的100％是320.

但它顯示的iframe真的很小，而不是它應該是的大小。在Chrome上，我可以完美地查看它。

你可以看到它： http://samlizama.com/Responsive/

我感謝給予任何幫助:)

這裏是它的外觀上的Chrome和Firefox：

鉻 On Chrome

火狐 On Firefox

使用相同的代碼

來源

2013-03-28 Sismetic

您的問題是在這main320.css CSS規則：

#slider iframe{ 
    transform: scale(0.5); 
    width:320px; 
    height:250px; 
}

Firefox支持無前綴CSS轉換，所以由2鍍鉻只支持-webkit-transform的因素鱗這樣的iframe下來，所以忽略了transform規則。

來源

2013-03-29 02:03:51

哦，好的，非常感謝！ – Sismetic

在Firefox for Mac看起來不錯！ enter image description here

來源

2013-03-28 18:36:33 Jaumesv

噢，對不起......我忘了說，你需要用iphone上的瀏覽器檢查它......然後重新加載。它的響應（反正中途），這個問題只發生在iphone尺寸（320x480） – Sismetic

Firefox上的iframe大小問題

回答

相關問題