div 元素上的背景图像在 Dolphin 浏览器上无法正确缩放答案

【问题标题】：Background Image on div element not scaling correctly on Dolphin browserdiv 元素上的背景图像在 Dolphin 浏览器上无法正确缩放
【发布时间】：2017-01-12 06:55:09
【问题描述】：

我正在尝试使用 HTML、CSS 和次要 Javascript 制作一个完全响应的网站。

我已经设法在 Chrome、Firefox、Opera 和 IE 上实现了这一点。但是 Dolphin 浏览器会导致格式错误的布局。

我的 div 元素上有一个背景图像，它没有完全缩放，并且在 div 高度下降了大约 30% 左右。

我进行了一些研究，但没有找到任何关于 Dolphin 导致这种行为的具体信息。

.cover-image {
background-image: URL("Images/background.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
height:90%;
}

【问题讨论】：

后台附件：已修复；例如，在某些浏览器（iPhone 上的 Safari）中被禁用。可能就是这种情况。
@Deka87 关于 Dolphin 上的 background-attachment: fixed 是正确的 - 请参阅 quirksmode.org/css/backgrounds-borders/mobile.html。 Fwiw，虽然创建一个与每个浏览器兼容的网站可能是一个有趣的挑战，但在撰写本文时，我所知道的大多数开发人员 [是的，轶事] 只会测试 Chrome、Safari、Firefox、移动 Safari , IE ≥ 9（可能≥ 8，或可能仅≥ 10，取决于和商店），以及最新的 Edge。
@henry & Deka87 感谢你们的 cmets 伙计们。

标签： html css web responsive-design dolphin-browser

【解决方案1】：

我将身体的高度更改为 em 单位 而不是 vh 单位（视口高度），这似乎解决了我在 Dolphin 上的问题，同时在其他浏览器。

【讨论】：