将表格转换为AutoResize Div
将表格转换为AutoResize Div
提问于 2013-02-28 03:33:47
目前我用表格展示了4个大小相等的摄像头:左上角/右上角/左下角/右下角。我想切换到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个div，并自动或通过指定宽度来执行此操作。
我的问题是:它是否能够根据屏幕尺寸或容器宽度自动计算对象行中的高度和宽度？而且它也被硬编码在url中。
编辑：http://10.77.130.12/axis-cgi/mjpg/video.cgi?resolution=800x600&fps=10 (宽度/高度是硬编码的)，也在对象行上。通过对代码进行硬编码，我确信我可以将代码切换到div。但让它们根据窗口大小自动调整大小并与视频对象交互是我不确定的。如果有可能的话。
回答 1
Stack Overflow用户
发布于 2013-02-28 19:26:05
您可以使用%作为宽度和高度，相应地计算，它将适合您的布局/视口...
父div(表)的宽度为: 100%
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15120767
复制相关文章
相似问题
腾讯云开发者
