即使在调整大小时也能保持图像的完整大小

时间:2017-04-10 17:29:56

标签: css

我有一个尺寸为1903x2160的背景图片。

在调整窗口大小时,有没有办法阻止缩放或调整此背景图像的大小?我希望将图像水平居中,然后将图像的边缘裁剪(可以这么说),以便在调整图像大小时将图像精确到位。

我认为像这样的东西(抓住这个网站)会起作用,但它并不是因为它似乎只是想要在垂直的全视图中制作背景图像,无论如何:

html { 
  background: url(http://lolcat.com/images/lolcats/1338.jpg) no-repeat center center fixed; 
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  }

2 个答案:

答案 0 :(得分:2)

您可以明确声明背景的大小,以便不会调整大小。

答案 1 :(得分:0)

这似乎有效,'cover'指令正在使其重新缩放。

  html {
  background: url("https://c1.staticflickr.com/8/7271/7721541330_9fb7620608_h.jpg") no-repeat center center fixed;
  }