如何对 Google 站点内的嵌入脚本进行响应式设计?
How can I do to an embed script inside Google Sites, be responsive designed?
我创建了一个完整的网站 HTML 脚本并将其放入 Google 站点并发布了该站点。不开心,当我用我的手机看到这个网站时,它没有按照响应式设计加载,甚至 HTML 代码也是响应式设计的。似乎当我在 google 站点内加载脚本时,它会加载一个完整的静态代码块,不会改变大小。我该如何解决?我已经看过是否有人有同样的问题,我找到了一个有同样问题的人,但没有人能回答他。
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 个站点的一些配置造成的!
感谢您的更新,根据这些链接,我认为该网站没有响应,但我可以看到您提出的问题。这是因为在 Google 脚本测试中它缩小了桌面视图,在 Google 网站测试中它缩小了移动设备的页面大小。
简而言之,脚本一在移动设备上显示的是按比例缩小的桌面网站。 Google 协作平台版本显示它在移动设备上响应,但由于该站点没有响应,这就是您遇到问题的原因。
我不知道 iFrame 的大小调整是否由您控制,但使您的网站整体响应将有助于修复它在 Google 网站上的显示方式(因为这对我来说似乎是正确的)。查看有关此 https://www.w3schools.com/html/html_responsive.asp
的指导
我创建了一个完整的网站 HTML 脚本并将其放入 Google 站点并发布了该站点。不开心,当我用我的手机看到这个网站时,它没有按照响应式设计加载,甚至 HTML 代码也是响应式设计的。似乎当我在 google 站点内加载脚本时,它会加载一个完整的静态代码块,不会改变大小。我该如何解决?我已经看过是否有人有同样的问题,我找到了一个有同样问题的人,但没有人能回答他。
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 个站点的一些配置造成的!
感谢您的更新,根据这些链接,我认为该网站没有响应,但我可以看到您提出的问题。这是因为在 Google 脚本测试中它缩小了桌面视图,在 Google 网站测试中它缩小了移动设备的页面大小。
简而言之,脚本一在移动设备上显示的是按比例缩小的桌面网站。 Google 协作平台版本显示它在移动设备上响应,但由于该站点没有响应,这就是您遇到问题的原因。
我不知道 iFrame 的大小调整是否由您控制,但使您的网站整体响应将有助于修复它在 Google 网站上的显示方式(因为这对我来说似乎是正确的)。查看有关此 https://www.w3schools.com/html/html_responsive.asp
的指导