將表格轉換爲自動Resize Div

目前我正在使用表格來顯示4個相同尺寸的攝像機：左上角/右上角/左下角/右下角。我想切換到div，有可能會更自動一些。將表格轉換爲自動Resize Div

以下是我有：

<table border=""> 
    <tr> 
     <td> 
     <object id="Player1" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D"> 
     <param name="AutoStart" value="1"> 
     <param name="UIMode" value="none"> 
     <param name="MediaType" value="mjpeg"> 
     <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout --> 
     <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaURL" value="http://10.77.130.65/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here --> 
     </object> 
     </td> 
     <td> 
     <object id="Player2" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D"> 
     <param name="AutoStart" value="1"> 
     <param name="UIMode" value="none"> 
     <param name="MediaType" value="mjpeg"> 
     <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout --> 
     <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaURL" value="http://10.77.130.67/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here --> 
     </object> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     <object id="Player3" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D"> 
     <param name="AutoStart" value="1"> 
     <param name="UIMode" value="none"> 
     <param name="MediaType" value="mjpeg"> 
     <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout --> 
     <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaURL" value="http://10.77.130.70/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here --> 
     </object> 
     </td> 
     <td> 
     <object id="Player3" height="600" width="800" border="" classid="CLSID:745395C8-D0E1-4227-8586-624CA9A10A8D"> 
     <param name="AutoStart" value="1"> 
     <param name="UIMode" value="none"> 
     <param name="MediaType" value="mjpeg"> 
     <param name="NetworkTimeout" value="5000"><!-- use this param if you want to change the network timeout --> 
     <param name="MediaUsername" value="root"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaPassword" value="admin"><!-- this param only necessary if restricted access is enabled --> 
     <param name="MediaURL" value="http://10.77.130.12/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10"><!-- your media url goes here --> 
     </object> 
     </td> 
    </tr> 
</table>

我想切換到使用div的。我環顧了一下堆疊的div，看起來好像我可以有一個指定整個寬度的容器。在這種情況下，它可能是1080或720電視屏幕。是否有可能在可用空間的數量上有4個最大值，並且可以自動執行或通過指定寬度進行。

我有這個問題：它能夠根據屏幕大小或容器寬度自動在對象行中執行高度和寬度嗎？它也是在網址中硬編碼的。

編輯：http://10.77.130.12/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10（寬度/高度硬編碼那裏），也在對象線上。保持硬編碼的東西，我確信我可以切換到divs。但讓他們根據窗口大小自動調整大小並與視頻對象交互是我不確定的。如果那甚至是可能的。

來源

2013-02-27 Ty.

什麼是硬編碼在URL中？ – isherwood 2013-02-27 19:36:08

有很多方法可以解決這個問題。你需要一個寬度爲wrapper的div，就像你提到的那樣，你需要浮動的或內聯塊的子div。在尋求幫助之前，你真的需要自己嘗試一下。這個問題太籠統了。 – isherwood 2013-02-27 19:37:32

您可以使用％的寬度和高度，據此計算，它會適合你的佈局/視...

父格（表），將寬度：100％

來源

2013-02-28 11:26:04 Aleem

將表格轉換爲自動Resize Div

回答

相關問題