gpt4 book ai didi

javascript - 背景图像随屏幕尺寸变化

转载 作者:太空宇宙 更新时间:2023-11-04 14:23:03 24 4
gpt4 key购买 nike

我的网站背景是一个巨大的图像,覆盖了整个网页,我怎样才能检测用户的屏幕尺寸并相应地更改背景图像?

例如,我的背景图像是 1x1px,如果用户屏幕是 2x2px(这只是一个例子,没有人有这种小屏幕),我想拉伸(stretch)我的背景以适应 2x2。如果用户屏幕是 0.5x0.6px,那么我希望我的背景只显示它的 0.5x0.6px 部分,而不是整个 1x1px。

最佳答案

使用图片标签作为背景,为其宽度高度设置100%,并将其设置在所有内容后面z-index 为其提供绝对 定位,并在您需要的位置设置其topleft

<img src="yourimage" width="100%" height="100%" style="z-index:0"/>

Live Demo

关于javascript - 背景图像随屏幕尺寸变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7066794/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com