1

我在 Photoshop 中创建了一个网页（1440 像素 x 900 像素）并将其导出到表达式 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/

4

1 回答 1

0

首先，您需要创建一个 CSS 样式表。并通过分类器/ ID 将样式分配给 div。

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

要为不同的纵横比制作流畅的显示，您需要使用@media 屏幕定义每个分辨率

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

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

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

于 2012-09-05T07:36:59.047 回答