移动设备(或小型设备)视图上的猫头鹰级宽度大于屏幕

Question

我正在在客户网站上工作，实现猫头鹰赛车，但是当进入chrome firefox中的移动视图时调整大小并返回正常，宽度约为4000px ...等。

P.S。代码在普通桌面视图上正常工作，所有这些都在576px及以下都疯了。

我已经搜索过猫头鹰阶段宽度问题，并找到了许多没有解决我的问题的旧报告和解决方案(包括堆栈跨流(，包括设置溢出，删除猫头鹰选项进行调试。

代码可以在此处找到：https://www.fisique.co/v2/

猫头鹰阶段宽度应该是正常的，而不是屏幕，以返回将其上方的H1完美地集中在屏幕上。

Answer 1

好吧，我花了12个多小时来弄清楚为什么这种怪异的行为。事实证明，如果您使用 pagePilling.js (或 fullpage.js (，并尝试与 owl.carousel 或任何其他旋转木马混合在一起插件，发生冲突是由于CSS显示自动生成的DIV的属性设置为table

我案件的解决方案是添加table-layout: fixed：

.pp-section.pp-table {
        display: table;
        table-layout: fixed;
}

如果您有兴趣阅读有关它的更多信息：https://github.com/alvarotrigo/fullpage.js/issues/895