如何在 Google 协作平台中嵌入脚本并进行响应式设计？答案

【问题标题】：How can I do to an embed script inside Google Sites, be responsive designed?如何在 Google 协作平台中嵌入脚本并进行响应式设计？
【发布时间】：2021-06-10 00:54:09
【问题描述】：

我创建了一个完整的网站 HTML 脚本并将其放入 Google 协作平台并发布了此站点。不高兴，当我用我的手机看到这个网站时，它没有像响应式设计那样加载，即使是响应式设计的 HTML 代码也是如此。似乎当我在谷歌网站中加载脚本时，它加载了一个完整的静态代码块，不会改变大小。我该如何解决？我已经看过是否有人有同样的问题，我找到了一个有同样问题的人，但没有人能回答他。

Here is the difference between the page been loaded in mobile and desktop

这是页面在谷歌网站中的加载方式：https://sites.google.com/view/testetexad95/in%C3%ADcio

页面如何在 google 脚本中加载：https://script.google.com/macros/s/AKfycbwZuHF6qvj37rTs8SSp60BAtNprDZV3DaIuBNPwIcjx0Y8a9jgDj5YdCi0f-fx3zZsA/exec

代码：https://github.com/GeraldWicks/ecommerce_issue/blob/main/index.html

我很确定这不是脚本的问题，而是来自谷歌网站的一些配置！

【问题讨论】：

您好，请您提供您的代码示例以及到目前为止您对该问题所做的调查的详细信息。网站以这种方式显示的原因有很多，没有任何代码和细节，人们只会猜测。
你说得对！

标签： html google-sites

【解决方案1】：

感谢您的更新，根据这些链接，我认为该网站没有响应，但我可以看到您提出的问题。这是因为在 Google Script 测试中它缩小了桌面视图，在 Google Sites 测试中它缩小了移动设备的页面大小。

简而言之，脚本一在移动设备上显示了缩小的桌面网站。 Google 协作平台版本在移动设备上显示它是响应式的，但由于网站没有响应式，这就是您遇到问题的原因。

我不知道 iFrame 调整大小是否由您控制，但让您的网站整体响应将有助于解决它在 Google 网站上的显示方式（因为这对我来说似乎是正确的）。看看这个https://www.w3schools.com/html/html_responsive.asp

的指导

【讨论】：