Javascript 更改网站宽度答案

【问题标题】：Javascript Changes Site WidthJavascript 更改网站宽度
【发布时间】：2023-04-03 10:21:01
【问题描述】：

当我将此代码插入到我的标题中时：

<script src="//use.typekit.net/tue6amj.js"></script>
<script>try{Typekit.load();}catch(e){}</script>

它改变了我网站的宽度。我所有的内容仍然是相同的宽度，但我可以向右滚动，离开页面。见：http://inkliss.hs-sites.com

HTML 的输出似乎插入到标题上方：

<html class="no-js wf-proximanova-i7-active wf-proximanova-n7-active wf-active" lang="en">

这会使页面弹出。

那么这是 Hubspot 的问题吗？我将脚本添加到标题代码部分。或者有没有办法可以将 java 包装在另一个标签中，不会让它破坏页面？

【问题讨论】：

您使用的是哪个浏览器？在 Chrome 中这对我来说似乎很好。
您可以使用开发工具（在 chrome 中单击鼠标右键，检查元素）来检查元素以确定究竟是哪个添加的类导致了这种情况，并编写一个 css 覆盖来处理它。 PS java不是javascript。
凯青是对的。您遇到了溢出问题……是的，它发生在 chrome 中，但在您向下滚动页面时仅持续一秒钟。一旦找到导致溢出问题的元素，您就可以使用 css 隐藏溢出。或者您可以随时尝试 body {overflow-x:hidden;} 看看它是否有效。
使用 Firefox，我使用 firebug 进行检查。那是破坏主题的输出 HTML。如果我从标题中删除代码，页面将停止中断。
Overflow-x 运行良好。你摇滚！

【解决方案1】：

凯青是对的。您遇到了溢出问题……是的，它发生在 chrome 中，但在您向下滚动页面时仅持续一秒钟。一旦找到导致溢出问题的元素，您就可以使用 css 隐藏溢出。或者，您可以随时尝试 body {overflow-x:hidden;} 看看它是否有效。

【讨论】：