使<object>標記填滿整個窗口並調整它的大小

我有一個Chrome插件，我想填充整個窗口。 HTML是這樣的：使<object>標記填滿整個窗口並調整它的大小

<!DOCTYPE html> 
<html> 
    <head></head> 
    <body> 
    <div class="container,box"> 
     <object class="internal,box"></object> 
    </div> 
    </body> 
</html>

我嘗試了幾個款式：

 
    html { 
     height: 100%; 
    } 
    .box { 
     position:absolute; 
     left/right/top/bottom: 0; 
     display:block; 
     padding: 5px 
    }

塞滿了整個窗戶，保持與默認大小，300x150。

 
    html, body, .box { padding: 0; border: 0; margin: 0; width: 100%; height: 100% } 
    .container { padding: 5px; }

填滿整個窗口，但它的寬度/高度是不受填充所以溢出的含

沒有人面臨着類似的問題？任何CSS解決方案？我需要它只能在Chrome中工作。

來源

2012-10-23 whywhat

.internal { 
    width: 100%; 
    height: 100%; 
} 

.container { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
}

來源

2012-10-24 07:52:07 sphair

工作！謝謝！ – whywhat

使<object>標記填滿整個窗口並調整它的大小

回答

相關問題