间歇性引导布局问题MVC

Question

我一直在为我们的家族企业建立一个网站，我们有一个产品页面，概述了我们的四个主要产品。这是我们从wrapboostrap.com购买的bootstrap模板（我不是平面设计师！）并且一直都很顺利。然而，这个页面（http://ashfieldclutch.azurewebsites.net/Products）让我很头疼。

有时在移动设备或桌面设备上播放布局（参见附件图片）。

如果您在任一平台上重新加载页面，则之后会完美加载。我似乎能够通过删除这个div来阻止这种行为：

<div class="row portfolio-wrapper">

但是，在移动设备上，这会消除产品类型之间所需的间距，因此理想情况下需要保留。

任何人都可以看到可能导致此问题的原因吗？

提前致谢，

保罗。

Answer 1

我已经刷了20多次，但我已经看过了。

这不是关于<div class="row portfolio-wrapper">中的类，而是关于通过模板Javascript添加到此div的内联样式。它碰巧错误地计算了div容器类.portfolio-wrapper的高度，这导致较低的内容向上移动。由于我无法检查Javascript，我无法帮助你。

我认为你最好通过联系模板作者，他可以并且可能会找到你的原因。

Answer 2

我能够在我身边模拟它并找到修复程序。它发生在Chrome和Firefox中，因此我认为这不是特定于浏览器的问题。

在<div>中添加了内联样式，似乎错误地计算了高度。我将高度从1402.234375px更改为1602.234375px，这似乎解决了它。

请参阅下面的截图。

我认为可能有一些Javascript代码可能会计算高度并将它们动态添加到<div>。

对于永久性修复，您必须修复生成这些高度的代码。我将继续关注该代码。

修复前：

修复后。