目前,我有一个样机网站www.hush.technology
在我的Windows(17英寸)计算机上,网站背景为全屏
但是在我的Mac(13英寸)上,图片的宽度在右侧被截断了。我通常喜欢自己解决问题,但无法解决。
我的css看起来像这样

// CSS CODE
.bgimage {
    background: url(image url);
    background-size: cover;
    width: auto;
    height: 720px;
}


谁知道为什么会这样。我想解释一下。

最佳答案

来自here

背景大小:封面

缩放背景图像以使其尽可能大,以使背景区域完全被背景图像覆盖。在背景定位区域内可能看不到背景图像的某些部分

我认为宽高比已关闭,并且它正在裁剪图像的一部分。

关于html - 在Mac上切断背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24443646/

10-16 21:06