在Android中的Chrome浏览器上禁用图像压缩

Question

我通过在UI的主体元素下面的CSS下方应用背景图像。

.homepage-bg {
    margin:0;
    padding:0;
    background: url("@{imagePath}/homepage/bg.jpg") no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    overflow-y: auto;
}

  

我面临Android设备上的Chrome浏览器上的图像压缩问题。 （在Firefox中效果很好）

我已经在互联网上搜索了此内容，发现了一些解决方案，例如申请pagespeed_no_transform，但对我来说却没有用。

我要附加chrome（不起作用）和firefox（正在起作用）的屏幕截图

请帮忙吗？

谢谢

编辑： 我尝试添加min-height:<SOME GOOD VALUE>（例如600px，800px），现在图像被拉伸到整个页面。 （下面附有ScreenShot）

  

我的问题是为什么我不能简单地在其中应用min-height: 100%   图片应该全高吗？

Answer 1

好，在进行一些故障排除后，css下面为我完成了窍门。

  

最小高度：100vh;