Css 根据屏幕分辨率设置图像大小

我正在努力为自己建立一个网站。。我想使用图像作为标题。。。我已经确定我的背景会根据任何屏幕分辨率自动缩放。。。如何确保图像（标题）也会根据屏幕分辨率自行缩放

例如：我的图像的内部宽度为350px，高度为130px。。我希望这是屏幕分辨率为1280X768时的大小。。并且应根据屏幕大小按比例改变

请告诉我如何更好地使用CSS实现这一点。。我对js或jquery也很好

提前谢谢

---

Raj

您可以使用

screen.width

和

screen.height

从DOM获取屏幕大小。然后，您可以编写一些JS来加载或替换所需的图像，或者调整图像上的

高度

/

宽度

属性（这将缩放图像，但并不总是看起来很好）。

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

---

在您的示例中，您必须指定宽度：27%（1280/350）。请注意，父网格必须100%宽。

Ethan Marcotte在流体网格上发表了一篇很好的文章

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

这一个有一个读我->网络鸭子

这一个有更多的功能->em calc

---

这怎么可能？我也有同样的问题，我不会去任何我尝试过的地方，任何东西都无法在屏幕上显示图像。。我用JS获得了解析，但是如何将值放入css的宽度和高度属性中呢？