1. 首页
  2. 问答
  3. 相对于屏幕分辨率设置图像大小

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

2010-02-25 181 views
4

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

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

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

在此先感谢 Raj

来源

2010-02-25 Raj

回答

1

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

来源

2010-02-25 01:25:39

+1

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

5

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

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

来源

2010-02-25 01:50:01 jeroen

相关问题

 相关问题