Làm cho thẻ <object> lấp đầy toàn bộ cửa sổ và đổi kích thước với nó

Tôi có một plugin NaCl cho Chrome mà tôi muốn lấp đầy toàn bộ cửa sổ bằng. HTML là như thế này:Làm cho thẻ <object> lấp đầy toàn bộ cửa sổ và đổi kích thước với nó

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

Tôi đã thử một vài phong cách:

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

lấp đầy toàn bộ cửa sổ, vẫn với kích thước mặc định, 300x150.

```
 
    html, body, .box { padding: 0; border: 0; margin: 0; width: 100%; height: 100% } 
    .container { padding: 5px; }
```
lấp đầy toàn bộ cửa sổ nhưng nó chiều rộng/chiều cao không bị ảnh hưởng bởi đệm để nó tràn có chứa

Có ai phải đối mặt với vấn đề tương tự? Bất kỳ giải pháp CSS nào? Tôi cần nó để chỉ hoạt động trong Chrome.

Nguồn

2012-10-23 whywhat

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

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

Nguồn

2012-10-24 07:52:07 sphair

Đã hoạt động! Cảm ơn! – whywhat

Làm cho thẻ <object> lấp đầy toàn bộ cửa sổ và đổi kích thước với nó

Trả lời

Các vấn đề liên quan