4

我正在尝试为自己建立一个网站..我想使用图像作为标题...我已确保我的背景会根据任何屏幕分辨率自行缩放...我如何确保图像（标题）还会根据屏幕分辨率自行缩放...

例如：我的图像是 350px int 宽度和 130px 高度..我希望这是屏幕分辨率为 1280X768 时的大小..并且应该根据屏幕大小按比例变化..

请告诉我如何最好使用 CSS 来做到这一点。我对 js 或 jquery 也很好

在此先感谢拉吉

4

3 回答 3

5

如果只在 css 中指定宽度，高度会自动缩放。您可以轻松地指定图像相对于其父级的 with 。

在您的示例中，您必须指定width: 27%(1280 / 350)。请注意，父级必须是 100% 宽。

于 2010-02-25T01:50:01.203 回答
1

Ethan Marcotte 有一篇关于流体网格的好文章，http://www.alistapart.com/articles/fluidgrids/

您可以使用 CSS 将这些原则应用于您的图像，他在他的个人网站上这样做。甚至还有很好的应用程序可以帮助您。

这个有一个读我 -> 网络鸭 http://inteldesigner.com/web-duck/about.php

这个有更多功能-> em calc http://riddle.pl/emcalc/

于 2010-02-25T01:55:20.040 回答
1

screen.width您可以使用和从 DOM 获取屏幕大小screen.height。然后您可以编写一些 JS 来加载或替换为所需的图像或调整图像上的height/width属性（这会缩放它，但并不总是看起来很棒）。

于 2010-02-25T01:25:39.773 回答