html - Mac 上的背景图像截断

标签 html css

目前,我有一个模型网站 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/

相关文章:

jquery - 如何在select中隐藏选中的元素?

jquery - ESC 关闭 JS 菜单

javascript - 滚动 div 停止在页脚顶部

jquery - 图像徽章/标签在 Angular 落。什么库(jQuery?)最好?

css - 修复没有星号 hack 的下拉菜单 CSS 样式

javascript - 如何将红色边框与必填属性一起添加到输入字段?

html - 由于内容的原因,并排大小的框未正确垂直对齐

css - 页面内容被导航栏覆盖

javascript - 更改位置时出现 Safari 渲染问题 :fixed to position:relative

html - 将 div 高度与灵活图像的高度匹配