相对于屏幕分辨率设置图像大小

问题描述：

我正在尝试为自己构建一个网站..我想使用图像作为标题......我已确保我的背景可以为任何屏幕分辨率缩放本身。 ..我如何确保图像（头）也将根据屏幕分辨率自它的规模......相对于屏幕分辨率设置图像大小

例如：我的形象是350像素INT宽度和高度130px ..我想这是大小时，屏幕分辨率为1280X768 ..和应改变按比例根据屏幕大小..

请告诉我如何做到这一点最好使用CSS ..我还罚款与JS或jQuery的

在此先感谢 Raj

答

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

这怎么可能？我有同样的问题，我不会去任何地方尝试一切，没有什么能够适合屏幕上的图像..我得到了JS的决议，但如何把值的CSS宽度和高度属性？ – B4NZ41 2011-04-30 02:08:09

答

如果您只指定css中的宽度，高度将自动缩放。您可以很容易地指定图像相对于其父母。

在你的例子中，你将不得不指定width: 27%（1280/350）。请注意，父母必须是100％宽。

答

有由Marcotte的阮经天在流体网格的好文章，http://www.alistapart.com/articles/fluidgrids/

可以将这些校长使用CSS您的图像，他确实在他的个人网站。甚至有很好的应用程序来帮助你。

这一个拥有更多功能 - > EM calc下 http://riddle.pl/emcalc/