Hubspot 响应式布局怪癖

【问题标题】：Hubspot Responsive Layout QuirkHubspot 响应式布局怪癖
【发布时间】：2016-06-09 21:09:32
【问题描述】：

我正在处理一个 hubspot 项目，我在最后一分钟被拉到了一个特定的问题上，遇到了很多麻烦。该页面全屏看起来不错，但在移动设备上，我得到了一些疯狂的边距，这使得该网站看起来超级时髦。我用谷歌开发工具搜索和搜索了元素，找不到任何罪魁祸首。我希望有人知道 hubspot 上的一个常见问题，或者能够很容易地帮助我查明是哪个元素导致了问题。

该网站的链接是 https://www.modev.com/amazon-dev-day-casual-connect-sf

任何帮助将不胜感激。在这一点上，我快把自己逼疯了。

谢谢，乔恩

【问题讨论】：

标签： html css responsive-design hubspot

【解决方案1】：

我不知道 Hubspot 的模板，所以很难确定。但是在您的网站上使用工具时，我尝试使用 jQuery 强制 HTML 的宽度

var screenWidth = $(window).width();
$('html').css('width', screenWidth);

它足以告诉我，当向下滚动移动网站时，隐藏的标题出现了问题，并在滚动时显示。下面的类或其父类可能是一个不错的查看位置。

cbp-af-header cbp-af-header-shrink

【讨论】：

感谢您的帮助！之后我能够查明问题，你是对的，它是标题中的内容。最后，我们最终取消了标题动画，所以我只是从头开始重建标题，它似乎解决了所有问题:)
好买卖！我很高兴我能提供一些帮助。也许只有我一个人，但使用 Chrome 并检查移动版本，横向看起来很棒，但纵向似乎没有正确响应。还是应该是这样的？