responsive-design - 在 Google 协作平台中使用响应式设计

Question

有没有办法通过 Google Sites 使用响应式设计原则？ .有没有人试过。你能引导我到一个示例网站吗？我看了this google help topic但那应该是关于专门的移动网站。

我的主要关注点是一个针对网络优化的普通网站，而不是主要针对移动网站。

或者，在这种情况下，Blogger 是一个更好的选择，因为它允许更改 CSS。

Answer 1

我认为你的负面印象是对的。它没有实现您在响应式设计中所期望的功能。

您问题的关键是 Google 协作平台不使用视口(viewport)声明(head 元素中的元视口(viewport))。如果您没有，那么设备浏览器会将您视为仅限桌面的旧网站。他们假设您将完全低于〜830px，并相应地设置页面最小宽度。对我来说，这听起来不像是响应式设计。

Google 协作平台不允许您编写自己的 CSS 或 HTML HEAD，因此您无法自己实现更具响应性的设计。

公平地说，您可以选择不设置固定的页面宽度。如果您使用“水平导航”功能，导航按钮也会在相对较窄的窗口上重排。后者不是很好的设计，但至少它优雅地退化了。

在管理站点 -> 常规下有一个选项“自动将站点调整为手机”。但是很多人建议最好不要使用它:)。我尝试在 old site 上启用它，预览页面，然后选择“在移动设备中预览”。至少在我原来的上网本(800px 宽)上的 Firefox 上，它没有响应。它没有扩展为正确使用 800px 屏幕。

顺便说一句，换行(或没有换行)是我网站的一个预先存在的问题。你可以把这归咎于我没有测试它:)。但是，它说明了 Google 协作平台中所见即所得编辑器的局限性。它不会显示、检查或过滤导致此问题的格式。