【问题标题】：WordPress 4.4 Image Conflict with Srcset and BxsliderWordPress 4.4 与 Srcset 和 Bxslider 的图像冲突
【发布时间】：2015-12-11 06:26:47
【问题描述】：
我们公司有多个使用 Wordpress 并安装了 Genesis、自定义 Genesis 子主题和用于图像滑块的 bxslider 的站点。
当专门在 Firefox 上查看滑块时，似乎与响应性有冲突，我们认为这是由于 Wordpress 4.4 中新的 srcset 响应式图像类所致。
在加载一个站点时，例如http://brightervisiontheme.com/，只有大约 50 像素的滑块图像出现。调整浏览器大小后，问题得到解决，滑块恢复其正常的响应质量和高度。此外，如果您打开 Inspect Element 大小权限本身。
测试站点没有更新到4.4，没有出现问题，所以我们假设它是与新安装有关的Bug。
但我们不确定也无法弄清楚如何解决。
有什么帮助吗？
【问题讨论】：
标签：
jquery
css
wordpress
bxslider
genesis
【解决方案1】：
在.bx-viewport 上的height 上设置了一个内联样式，它将停止低于预期值。我使用以下解决方法唤醒 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; }