在后台拉伸和缩放CSS图像-仅使用CSS
我希望我的背景图像能够根据浏览器视口的大小进行拉伸和缩放。
我看到了一些可以解决问题的问题。它运作良好，但我想使用background而不是使用img标签放置图片。
在该img标签中放置一个标签，然后使用CSS向该img标签致敬。
width:100%; height:100%;
它可以工作，但是这个问题有点老了，并且指出在CSS3中调整背景图像的大小可以很好地工作。，但是对我来说却没有用。
有没有一个很好的方法来处理background-image声明？
问题答案：
CSS3有一个很好的小属性，称为background-size:cover。
这样可以缩放图像，使背景区域完全被背景图像覆盖，同时保持宽高比。整个区域将被覆盖。但是，如果调整大小后的图像的宽度/高度太大，则部分图像可能不可见。
-
问题内容： 有没有一种方法可以使CSS背景拉伸或缩放以填充其容器？ 问题答案： 对于现代浏览器，您可以使用以下命令完成此操作： 表示垂直或水平拉伸图像，因此它永远不会平铺/重复。 适用于Safari3（或更高版本），Chrome，Opera10 +，Firefox 3.6+和Internet Explorer 9（或更高版本）。 要使其与较低版本的Internet Explorer一起使用，请尝试
-
我正在将图像渲染到div中。我想避免我的形象被拉伸。 我的问题是，我的图像的宽度会拉伸。我希望它有规则的宽度，即使部分图像将丢失。
-
我试图使用CSS设置背景图像，但原始图像被拉伸。如何保持原始图像大小，同时设置整个页面的背景？ 原始图像为：原始图像 结果是：结果图像 不同的是我的网页背景比原来的要大。 任何帮助都将不胜感激！！！
-
问题内容： 这是我的CSS脚本 我想把整个细胞伸展 问题答案： .style1 { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backgrou
-
在我的Android游戏中，我使用的是固定分辨率的图像，比如说256x256。现在对于不同的设备屏幕，我通过计算它们的宽度和高度来渲染它们。 假设在galaxy note2上，我计算了宽度=128，高度=128。。。同样，对于不同的设备，宽度和高度也会有所不同。 这就是我如何创建纹理... 在render（）中。。 所以，每次当我调用Drew（）方法时，libgdx/opengl都会将图像从256
-
实际上，我正在用JavaFX编写游戏《暗黑破坏神》的“简单”版本。 目前，屏幕尺寸为绝对800x600，一切正常。现在我们的团队希望在每个桌面上使用全屏。 我的问题是：我们正在使用绝对尺寸为25x25的墙、地板等图像。如果我们想在全屏模式下工作，我们需要扩展它们。 但据我所知，您只能缩放ImageView或BufferedImage。当然，我们正在重复使用图像。例如，一个墙壁纹理在窗格上出现了20