Question

CSS：

body {
  background: url("https://wallpaperscraft.com/image/mountain_lake_landscape_trees_79396_2560x1600.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

JSFIDDLE：https://jsfiddle.net/rts05xt2/

我希望图像为全宽和全高，如果有人调整浏览器大小，图像将不会再次调整大小，只是保持这样。有什么建议吗？

Answer 1

您可以应用以下CSS：

brew install openssl
brew link --force openssl

Answer 2

html { 
  background: url(images/ho.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这是完美的方式

将背景设置为全宽和高度

2 个答案: