问题描述
我创建了一个完整的网站 HTML 脚本并将其放入 Google 协作平台并发布了该网站。不高兴，当我用我的手机看到这个网站时，它没有按照响应式设计加载，甚至 HTML 代码也是响应式设计的。似乎当我在谷歌网站中加载脚本时，它加载了一个完整的静态代码块，不会改变大小。我该如何解决？我已经看过是否有人有同样的问题，我找到了一个有同样问题的人，但没有人能回答他。
Here is the difference between the page been loaded in mobile and desktop
以下是页面在 Google 网站中的加载方式：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
我很确定这不是脚本的问题，而是谷歌网站的一些配置导致的！
解决方法
感谢您的更新，根据这些链接，我没有看到该站点响应迅速，但我可以看到您提出的问题。这是因为在 Google Script 测试中它缩小了桌面视图，在 Google Sites 测试中它缩小了页面大小以适应移动设备。
简而言之，移动设备上的脚本一显示缩小的桌面站点。 Google 协作平台版本显示它在移动设备上具有响应性，但由于该站点没有响应性，这就是您遇到问题的原因。
我不知道 iFrame 大小调整是否由您控制，但让您的网站整体响应将有助于修复它在 Google 网站上的显示方式（因为这对我来说似乎是正确的）。查看有关此 https://www.w3schools.com/html/html_responsive.asp
的指南