gpt4 book ai didi

javascript - 背景图像缩放到屏幕大小而不是内容

转载 作者:行者123 更新时间:2023-11-30 16:18:43 27 4
gpt4 key购买 nike

我正在使用以下 JS 设置每个页面的背景图片

 var image = 'url(' + imageUrl + ') top left no-repeat fixed';
$('body').css({ 'background': image });

通过设置 "background-size:cover!important;" 可以根据页面内容的高度和宽度缩放图像。

我的要求是根据屏幕大小而不是根据页面内容大小缩放背景图像。

基本上我在移动 View 中遇到问题。

最佳答案

您正在为正文设置背景。正文页面内容大小。

如果我是你,我会直接在 body 上创建一个 div

HTML

<body>
<div class="page-bg"></div>

<!-- YOUR PAGE CONTENT -->
</body>

CSS

.page-bg {
max-height: 100vh;
min-height: 100vh;
width: 100%;
/* your background styles */
}

关于javascript - 背景图像缩放到屏幕大小而不是内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35080672/

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