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

Question

我正在尝试使用 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%;
}

Answer 1

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