logo标签列表

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

cssimagesizeresolution
4
我正在尝试为自己建立一个网站。我想使用一张图片作为标题。我已经确保了我的背景会根据任何屏幕分辨率进行缩放。如何确保图片(标题)也会根据屏幕分辨率自动缩放...
例如：我的图片宽度为350像素，高度为130像素。当屏幕分辨率为1280X768时，我希望它保持这个大小，并根据屏幕大小按比例变化。
请告诉我如何使用CSS来实现这一点。我也可以接受JS或Jquery的方法。
提前感谢您 Raj
3个回答
5
如果你只在css中指定了宽度，高度将自动缩放。你可以轻松地相对于其父元素指定图片的宽度。
在你的例子中，你需要指定width: 27%（1280/350）。请注意，父元素必须是100%宽。
1

您可以使用screen.width和screen.height从DOM中获取屏幕尺寸。然后，您可以编写一些JS来加载或替换所需的图像，或者调整图像上的height/width属性（这将对其进行缩放，但并不总是看起来很好）。

1
怎么可能呢？我也遇到了同样的问题，试了很多方法都无济于事，图片总是不能适应屏幕大小...虽然我已经用JS得到了分辨率，但是该如何将这个值赋给CSS中的width和height属性呢？ - devasia2112
1
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接