13

有没有办法将响应式设计原则与Google 协作平台一起使用。有没有人试过。你能引导我到一个示例网站吗？我查看了这个谷歌帮助主题，但那应该是关于专门的移动网站。

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

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

4

4 回答 4

6

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

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

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

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

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

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

谷歌网站移动预览

于 2013-03-20T13:10:26.657 回答
2

移动是的，响应式的没有。

我今天搞砸了 Google 协作平台，你可以让网站变得对移动设备友好（我必须来这里才能开始使用！）。我只是用“空白模板”来搞乱。

您确实需要激活（就像其他人提到的那样）：

选项（齿轮图标）> 管理站点>（向下滚动到移动）检查.. 自动调整手机。 是的，让我们把这个选项埋在底部！

考虑到 2015 年春季实施的整个移动“推送”谷歌，对于任何新创建的谷歌站点，这应该默认为开启。

只需选择该选项即可创建一个好的（基本）移动网站。不是响应式网站。因此，在我的 iPhone 上，它确实可以正确缩放照片以适合设备并将主水平菜单切换到“汉堡包”图标/菜单。但是折叠桌面浏览器窗口不会产生响应结果。 https://sites.google.com/site/rwstws51/

作为测试，我上传了一张太大的照片（2.5mb），看不出会发生什么。通过 Google PageSpeed Insights 运行该网站，它没有显示任何“优化照片”警告，因此似乎为手机和台式机提供了优化的照片。

我猜基本的主题实际上叫做“滑雪”。我尝试了“Legal Pad”主题，但它在移动设备上完全没用。我认为由于标题和内容区域背景图像。

对我来说，如果您已经对 Google 的其他产品（驱动器、文档、Google+、webmastertools、分析等）很感兴趣，那么 Google 站点是理想的选择。因为它具有在编辑时添加这些类型项目的链接。或者需要一个快速协作的网站，因为您可以轻松设置网站访问权限，例如 YouTube、Drive 项目。

此外，您可以添加的 html 非常有限。尝试保存时，尝试添加脚本标签会被删除。因此，根据用途，肯定还有其他选择。

于 2016-01-09T19:14:14.803 回答
-1

适用于旧的“经典”谷歌网站的答案是否定的。

如果您使用应用程序脚本创建自己的自定义 HTML 表单，则可以将 @media 视口等添加到这些页面/表单的 css 中，这样会有所帮助...等级。

于 2017-02-01T00:47:33.490 回答
-3

现在有可能制作一个响应式的 Google 网站。由于谷歌在“管理站点”选项按钮中增强了此功能“自动将站点调整为手机”选项。

找到选项 - 转到>管理站点>常规>，在常规设置页面的下部，您可以看到一个名为“自动将站点调整为手机”的单选按钮。只需勾选单选按钮，您就增强了该功能。

请参阅使用响应式 Google 网站制作的示例网站 www.jyotiprokashmusic.com

于 2014-05-05T06:43:40.143 回答