gpt4 book ai didi

html - 如何用图像填充手机中的背景

转载 作者:太空宇宙 更新时间:2023-11-04 08:33:59 25 4
gpt4 key购买 nike

我试着把一张图片作为背景。在台式机上它运行良好,但当我尝试使用手机时它不起作用。我不明白为什么因为我把封面作为背景尺寸,而在移动设备上它应该覆盖所有空间。

这是代码:

CSS

body { 
background-image: url('/nutickets/images/bluenight.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}

HTML

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="/nutickets/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>

</body>

</html>

我手机上的图片:

enter image description here

如果我检查 chrome 的 Toogle 设备工具栏,一切正常,但当我尝试使用我的智能手机时,它不起作用。我刷新了缓存,尝试了隐身模式,尝试了不同的移动浏览器,但都没有。

最佳答案

这在我的 android 设备上对我有用 - 尝试强制 html 元素覆盖设备的整个高度:

html {
min-height: 100%;
}

关于html - 如何用图像填充手机中的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44617920/

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