如何使p：media可動態調整大小以適應流體佈局？

我試圖使用<p:media>（Primefaces 3.5）來顯示PDF內容，並且無法控制p：media的高度。我想要media元素的大小，以便在用戶調整瀏覽器窗口大小時填充可用空間。我可以將標籤上的寬度屬性設置爲100％，並且媒體元素可以適當調整大小。然而，將高度屬性設置爲100％（我想填充容器），那麼高度堅決堅持在150px（並且它總是150px）。如何使p：media可動態調整大小以適應流體佈局？

以下代碼大小用於填充可用寬度但不填充高度。

<p:media id="theDoc" player="pdf" value="#{userBean.streamedDocument}" height="100%" width="100%"> 
    <h:outputText value="No renderer available..." /> 
</p:media>

如果我給你的像素要表達的高度，則高度榮幸，當然沒有調整大小將與瀏覽器改變......

我直接使用CSS樣式嘗試該元素以及由此產生的<div>/<object>層次結構，但沒有任何東西看起來允許瀏覽器更改顯示的pdf的高度。

此外，試圖用<p:resizable>這樣

<p:media id="theDoc" player="pdf" value="#{userBean.streamedDocument}" height="100%" width="100%"> 
    <h:outputText value="No renderer available..." /> 
</p:media> 
<p:resizable for="theDoc"/>

也無濟於事。展示說可調整大小給任何JSF組件提供可調整大小的行爲，所以我認爲它應該可以工作（我真正想要的是調整p：media元素來調整它的父代壽命的100％。）...

這似乎是在所有瀏覽器中都是一樣的。我已經搜索過，並且無法找到任何可能影響此行爲的pdf播放器參數的文檔。（事實上，我一直無法找到一個PDF玩家在所有的參數。

誰能理清我做錯了什麼？

來源

2013-06-04 MarkH

如果您<p:media>標籤的<h:form>標記中，那麼你需要添加一個樣式屬性：

<h:form style="height: 100%">

您可能還需要設置html和body標籤的高度在樣式表：

html, body { 
    height: 100%; 
}

來源

2015-07-01 13:21:35 Disco4Ever

這兩個更改似乎都需要 – MarkH

如何使p：media可動態調整大小以適應流體佈局？

回答

相關問題