为什么我的 Squarespace 代码注入区是空白的？

Question

我用 'code injection' 插入了一个 iframe，保存了代码并退出了管理面板，但结果是断断续续的空白框架（附后）。我什至使用 ?logout=true 后缀来确保我已注销 admin.How 我要更正这个吗？我是 Squarespace 的新手。

iframe代码：

<div id"my-iframe" style="text-align:center;-webkit-overflow-scrolling:touch;overflow:auto /* This needs to be inline for iOS */"><iframe src="http://erichsen-group.com/demoland/Catskill/map2/"></iframe></div>

空白代码注入

Answer 1

首先，我们先修正一些小问题。然后你要么有答案，要么有更好的环境来发现核心问题。

我建议使用 code block 而不是代码注入。
您的代码中缺少等号。应该是id="my-iframe"
请确保，除了注销之外，您正在查看该站点使用 'http://' 协议而不是 'https://'。您的 iframe 可能无法在 https 上正常工作。

考虑到这三点并添加一些我自己的CSS使地图更大，你可以在一个新鲜的Squarespace site here中看到一个工作示例。请注意，这个 link 可能很快就会停止工作，因为它是一个试用帐户，我可能会在一周左右的时间内删除它。这是我在代码块中使用的代码：

<div id="my-iframe" style="text-align:center;-webkit-overflow-scrolling:touch;overflow:auto /* This needs to be inline for iOS */"><iframe style="width:100%; height:500px;" src="http://erichsen-group.com/demoland/Catskill/map2/"></iframe></div>

最后，请注意您通过 iframe 嵌入的地图应用程序是响应式的，并且会变成宽度小于 768 像素的位置列表（而不是地图）。所以不要因此而迷惑。

为什么我的 Squarespace 代码注入区是空白的？

Why is my Squarespace code injection area blank?

mapbox

squarespace