Question

我们公司有多个使用Wordpress的网站，安装了Genesis，一个定制的Genesis儿童主题，以及用于图像滑块的bxslider。

在Firefox上专门查看滑块时，似乎与响应性存在冲突，我们认为这归功于Wordpress 4.4中新的srcset响应式图像类。

加载网站后，例如http://brightervisiontheme.com/，只会显示滑块图片的大约50个像素。调整浏览器大小后，问题就解决了，滑块恢复了正常的响应质量和高度。此外，如果您打开Inspect Element大小权限本身。

测试未更新到4.4的网站，问题没有出现，所以我们假设它与新安装有关。

但我们不确定并且无法弄清楚如何修复。

任何帮助？

Answer 1

在height .bx-viewport上设置了内联样式，它将不会达到预期值。我使用以下解决方法来唤醒bx。

<强> JS

document.documentElement.addEventListener('DOMContentLoaded', function(event) {
    event.stopPropagation();
    var tgt = document.querySelector('.bx-viewport');
    tgt.removeAttribute('height');
    tgt.removeProperty('height');
}, false);

<强> CSS

.bx-viewport { min-height: 90vh !important; }

WordPress 4.4与Srcset和Bxslider的图像冲突

1 个答案: