使用在谷歌网站响应式设计(Using responsive design within Google

有没有办法使用响应式设计原理与方法谷歌网站 。 有没有人试过了。 你能告诉我到样品点。 我看着这个谷歌的帮助主题 ，但随后即据称是专门的移动网站。

我的主要焦点是一个正常的网站，该网站是网络优化，而不是主要的移动网站。

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

Answer 1:

我觉得你的负面印象是正确的。 它没有实现你所期待的响应式设计的功能。

你的问题的关键是，谷歌网站不使用视口声明（在头元件元视口）。 如果没有这一点，那么设备的浏览器把你当作一个传统只能在台式机网站。 他们认为你会打破完全低于〜830px，并据此设置最小宽度的页面。 这听起来很像响应式设计给我。

谷歌网站，不要让你自己写CSS或HTML头，让你无法自己实现一个更灵活的设计。

为了公平起见，你可以选择不设置固定页面宽度。 此外导航键将回流在相对狭窄的窗口，如果你使用了“横向导航”功能。 后者不是伟大的设计，但至少它的降解优雅。

有一个选项“自动调整网站手机”下的管理网站 - >常规。 然而，许多人建议，最好不要使用它:)。 我试图使它在一个旧网站 ，预览页面，然后选择“移动预览”。 至少在Firefox在我原来的上网本（800像素宽），它不是敏感。 它没有扩大到正确使用800像素的屏幕。

顺便说一句，在换行（或不存在的话）是预先存在的问题与我的网站。 你可以在我身上责怪这不测试它:)。 但是它说明了在谷歌网站的所见即所得的编辑器的限制。 它不显示，检查，或过滤掉，导致这一问题的格式。

Answer 2:

移动是的，没有任何反应。

我今天与谷歌网站搞乱，你可以做一个网站移动友好的（我不得不来这里开始！）。 我只是用“空白模板”更动。

你需要激活（如已提到的其他人）：

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

考虑到整个移动“推”谷歌在2015年这个春天来实现默认情况下，所有新创建的谷歌网站应为开。

只需选择该选项使得一个OK（基本）的移动网站。 不是一个负责任的网站。 所以，在我的iPhone它正确缩放照片以适合该设备并切换主要横向菜单的“汉堡包”图标/菜单。 但倒塌的桌面浏览器窗口不会产生响应结果。 https://sites.google.com/site/rwstws51/

作为测试，我上传的方式过大的照片（2.5MB），看看会发生什么。 运行通过谷歌PageSpeed Insights的它并没有显示任何“最佳照片”警告的网站，所以似乎提供了适用于手机和台式机优化的照片。

我猜的基本主题实际上是所谓的“滑雪”。 我尝试了“法制垫”的主题，它是完全borked上移动。 我认为，由于标题和内容区域的背景图像。

对我来说，谷歌协作平台是理想的，如果你已经重到谷歌的其他产品......开车，文档，Google +和webmastertools，分析，等...因为它有链接时，编辑添加项目的那些类型。 还是需要一个快速的网站合作，你可以轻松地设置，如YouTube，硬盘内容的网站的访问。

此外，您是非常有限的，以什么html可以添加。 尝试添加脚本标签试图保存时被剥离出来。 因此，也取决于使用，肯定有其他的选择了。

Answer 3:

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

如果使用应用程序脚本来创建自己的自定义HTML表单，您可以在@media视口等添加到CSS这些网页/表格，这样有利于...但谷歌的网站框架周围覆盖自定义CSS试图在页面响应式设计水平。

Answer 4:

现在是一个天其可能做出响应谷歌网站。 因为谷歌已经增强了此功能“自动调整网站手机之都”的管理站点选项按钮选项。

找到选项 - 去>管理网站>常规>，在常规设置页面的下方，你可以看到一个名为“自动调整网站手机”单选按钮。 只需选中的单选按钮＆U增强了该功能。

请参阅与回应谷歌网站做出了表率网站www.jyotiprokashmusic.com

文章来源: Using responsive design within Google Sites