微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 Google 协作平台中嵌入脚本,进行响应式设计?

如何解决如何在 Google 协作平台中嵌入脚本,进行响应式设计?

我创建了一个完整的网站 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

的指南

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。