Question

我们有大量数据的应用程序，它们将通过Velocity模板转换为HTML表格。问题1：要关注的一个方面是为页面元素提供精确大小调整的影响，而不是浏览器调整表格高度和宽度想知道浏览器花了多少时间做这件事而不是创建一个大小适合1024 x 768的页面，例如

问题2：实际加载的页面是一个图表，其中有许多图形和单元格，网格中描绘了15分钟的时间间隔，这是数据的微型版本。因此构造网格单元以在网格中放置'*'值。有没有更好的方法来做到这一点。

Answer 1

问题1：

如果您的文档在描述时是数据密集型的，那么允许显示标记[layers / tables]的流量[自动调整大小]以考虑具有更大显示区域的文档是有益的[Above ：1024x768]。您可能需要考虑通过图层+ css或占位符图像定义最小可能的宽度/高度，以防止那些显示区域小于预期的1024x768的人过度包装。

示例：


<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="25%"><div style="width:200px;height:1px;overflow:hidden;clip:rect(0px 200px 1px 0px);" title="Column Space Saver"></div></td>
        <td width="75%"><div style="width:400px;height:1px;overflow:hidden;clip:rect(0px 400px 1px 0px);" title="Body Space Saver"></div></td>
    </tr>
    <tr>
        <td width="25%" valign="top" style="background:#EB0000">Will be 200px or 25%, whichever is greater, and always adhere to those parameters even if my screen size is smaller than combined 600px [hence column is 200px body is 400px].</td>
        <td width="75%" valign="top">Will be 400px or 75%, whichever is greater, and always adhere to those parameters even if my screen size is smaller than combined 600px [hence column is 200px body is 400px].</td>
    </tr>
</table>

为浏览器调整表格而不是为页面元素提供精确大小的影响

1 个答案: