全屏响应背景图像
背景图像在大屏幕上不显示为完整图像，但在小屏幕上很合适。
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8" dir="ltr" />
<title></title>
<style>
body, html {
height: 100%;
margin: 0;
}
.bgImage {
/* The image used */
background: url(../../../Content/imgs/common/myimage.png) no-repeat center ;
height: 100%;
background-size: cover;
}
</style>
</head>
<body>
<div class="bgImage">
</div>
</body>
</html>
在所有的屏幕上，图像都有一个特定的维度来作为响应？
共有1个答案
尝试将背景位置：居中背景附件：固定添加到bgimage类
-
问题内容： 我对前端开发和基础非常陌生。 我正在尝试成为响应时按比例缩小的全屏图像。 谁能告诉我我在做什么错？它可以正确缩放，但无法显示完整图像。我还希望将其放在移动设备上，这可能吗？ HTML： CSS： 问题答案： //HTML 要么 要么
-
问题内容： 我想将此图像作为网页的背景图像。但是，问题是图像不能覆盖整个页面，正如您在此预览中可能看到的那样，并且图像在最右端重复出现。有没有一种方法可以使图像覆盖整个页面（可以是任何方式，拉伸，调整大小或其他新方式）。 我的代码： 谢谢。 更新： 我现在终于相信，几乎没有什么可以使该图像完全适合我的PC屏幕的。我现在还可以，并且要继续前进，请不要发布答案。 问题答案： jsBin演示 （背景附件
-
我看到许多应用程序使用全屏图像作为背景。这是一个例子： 我想在项目中使用它，到目前为止，我发现最好的方法是使用大尺寸的图像，将其放入并使用来调整边距 问题是，如果屏幕分辨率非常高，图像质量就会下降。 我想到的另一个选择是使用中的图像，将中的和作为背景...这拉伸了图像，但我认为结果不是很好... 你会怎么做？
-
问题内容： 我有一个网站（g-floors.eu），并且我想使背景（在CSS中我为内容定义一个bg图像）也具有响应性。不幸的是，除了我可以想到的一件事外，我真的对如何执行此操作一无所知，但这是一个解决方法。创建多个图像，然后使用css屏幕大小更改图像，但是我想知道是否有更实用的方法来实现此目的。 基本上，我想要实现的是图像（带有水印“ G”）自动调整大小，而不会显示更少的图像。如果可能的话 我到目
-
根据Flutter文档，我试图使用DecoratedBox加载一个全屏图像作为容器的背景图像。 但我得到以下错误： 显然，包没有正确解析。有人知道我到底做错了什么吗？
-
我想把这张图片设置为我的应用程序的背景，但没有用： 我的原木猫： 活动main.xml：