html - Hubspot 响应式布局怪癖

标签 html css responsive-design hubspot

我正在做一个 hubspot 元素,我在最后一分钟被拉入了这个元素,并且在某个特定问题上遇到了很多麻烦。该页面在全屏模式下看起来还不错,但在移动设备上,我得到了一些疯狂的边距,这让该网站看起来 super 时髦。我已经使用谷歌开发工具搜索并搜索了元素,但找不到任何罪魁祸首。我希望有人在 hubspot 上知道这方面的常见问题,或者能够轻松帮助我查明是哪个元素导致了问题。

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

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

谢谢, 乔恩

最佳答案

我不知道 Hubspot 的模板,所以很难确定。但是我尝试使用 jQuery 强制 HTML 的宽度来处理您的网站

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

它的效果足以让我看到,当向下滚动移动网站时,隐藏的标题在滚动时出现了问题。下面的类或其父类可能是一个不错的查找位置。

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

关于html - Hubspot 响应式布局怪癖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37736225/

相关文章:

javascript - 如何将 jQuery UI 选择菜单与按钮对齐?

html - 使用GWT和CSS,如何垂直翻转输入元素中偶数位置的所有字母?

php - 每次加载 html 文件时如何调用 php 脚本?

javascript - jQuery 通过其中包含多个标识符的数据属性选择 DOM 元素

html - 如果 XSLT 中存在标记,则在标记前添加空格

html - 如何使响应式 AdSense 单元在浏览器调整大小时更改其大小

html - 如何将图像堆叠在另一个图像之上

css - 如何在 Joomla 3 中为一个模块添加多个模块类后缀?

html - 页脚即使设置了位置也显示在内容之上

html - 以相反顺序响应式显示 2 列的最佳方法是什么?