css可以拉伸全屏静态背景，除了android chrome，其他地方都可以吗？

我所知道的拉伸静态背景图像并覆盖整个屏幕的最简单、最兼容的方法是：

html{最小高度：100%；}
身体
{
背景：url（'https://i.imgur.com/YSRXO72.jpg“）没有固定的重复中心；
背景尺寸：封面；
}

html{minheight:100%；}

只是为了防止html正文中的内容太少，这样可以确保背景仍然覆盖整个屏幕

这在几乎任何情况下都能很好地工作，但是如果页面中的内容比屏幕上的内容多，Android上的Chrome似乎会拉伸背景图像以覆盖整个页面，而不是屏幕

实例：

（请注意，我还将

-webkit

-moz和

-o

背景大小设置放在那里以实现兼容性，但它也可以不使用）

我特意在这里拍摄了一张带有N/E/S/W标记的测试背景图像，你应该始终看到中间的“中心”以及顶部+底部或左+右边缘

背景在任何情况下都会被适当地拉伸，除了Android上的Chrome会拉伸太多。如果html部分的内容较少，例如只有一个

test

或其他内容，那么它在Chrome上也可以正常工作

---

有什么想法吗？这是Chrome中的一个bug吗？我可以在不使用各种肮脏的javascript黑客的情况下解决这一问题吗？

您尝试过使用100vh而不是100%吗？这将使用视口高度的100%，而不是其高度的100%。我不确定这是否适用于所有浏览器。@JordiFlores谢谢你的建议，也尝试过，但没有区别。实际上，这只是我设置的最小高度，以防页面高度小于屏幕（视口）高度，但当页面高于屏幕时会出现问题。顺便说一下，在上面的JSFIDLE示例中，我根本没有设置html最小高度，问题也出现在那里。