我有一个尺寸为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%;
}
答案 0 :(得分:2)
您可以明确声明背景的大小,以便不会调整大小。
答案 1 :(得分:0)
这似乎有效,'cover'指令正在使其重新缩放。
html {
background: url("https://c1.staticflickr.com/8/7271/7721541330_9fb7620608_h.jpg") no-repeat center center fixed;
}