极客观点
项目管理
HarmonyOS
这是我的代码：
background-color:#fff;
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center center;
它适用于台式机、iPad 和 Android 移动设备：
在 iPhone 上的 Chrome 和 Safari 上，背景太大：
原文由 Hoàn Nguyễn 发布，翻译遵循 CC BY-SA 4.0 许可协议
ios
当您拥有
background-attachment:fixed时，会发生这种情况，尤其是在 iOS 上。在移动设备上，我通常将background-attachment:scroll放在@media查询中。正如 @RyanKimber 指出的那样，固定的附加图像使用整个
<body>大小。在移动设备上，这可能会变得非常高，从而使您的形象大打折扣。将附件设置回scroll允许您的封面图像在其自己的容器内拉伸。