我正在尝试为自己构建一个网站..我想使用一个图像作为标题...我已经确保我的背景将自动扩展为任何屏幕分辨率...我如何确保图像（标题）也将根据屏幕分辨率自我缩放...
例如：我的图像是350px int宽度和130px高度..我希望这是屏幕分辨率为1280X768时的大小..并且应该根据屏幕大小按比例改变..
请告诉我如何使用CSS优先完成此操作。我也可以使用js或jquery
提前致谢 拉吉
答案 0 :(得分：5)
如果仅在css中指定宽度，则高度将自动缩放。您可以轻松指定图像的相对于其父。
在您的示例中，您必须指定width: 27%（1280/350）。请注意，父母必须是100％宽。
答案 1 :(得分：1)
您可以使用screen.width和screen.height从DOM获取屏幕尺寸。然后你可以编写一些JS来加载或替换所需的图像，或者调整图像上的height / width属性（可以缩放它，但并不总是看起来很棒）。
答案 2 :(得分：1)
Ethan Marcotte撰写了一篇关于流体网格的文章，http://www.alistapart.com/articles/fluidgrids/
您可以使用CSS将这些主体应用于您的图像，他在他的个人网站上进行。甚至有很好的应用可以帮助你。
这个人有一个读我 - ＆gt;网络鸭 http://inteldesigner.com/web-duck/about.php
这个有更多功能 - ＆gt; em calc http://riddle.pl/emcalc/