jquery - 根据浏览器窗口动态更改表格大小

Question

我在 photoshop 中创建了一个网页 (1440px x 900px) 并将其导出到 expression web 4。我选择了表格和图像“自动创建”。我还可以选择“自动创建”CSS。这是一个信息亭网页，将显示在各种屏幕尺寸上。 (使用 Chrome.exe --kiosk)因为我不想在每次部署新信息亭时都编辑 photoshop 页面，所以我想弄清楚如何让表格自动更改其大小以及其中的所有图像匹配浏览器窗口的大小。该表旨在从上到下，从左到右，所有内容均为 0(零)...见下文。

leftmargin="0"topmargin="0"marginwidth="0"marginheight="0"

关于如何创建一个无论显示器的分辨率如何都将填满整个屏幕并使表格内的所有图像相应地调整大小而不是全部乱七八糟的网页，有什么想法吗？

这是 jsfiddle 的链接 http://jsfiddle.net/3eYb8/

这是 photoshops CSS 输出 http://jsfiddle.net/BbXgd/1/

Answer 1

首先你需要创建一个CSS样式表。并按分类器/ID 将样式分配给 div。

您可以在您的 css 代码上设置百分比以匹配屏幕。

要使不同宽高比的流体显示，您需要使用@media screens 定义每个分辨率

这里是关于流体屏幕的更多信息。

http://coding.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/

http://green-beast.com/blog/?p=199