Responsive design 在谷歌网站中使用响应式设计

是否有一种方法可以将响应性设计原则用于。有人试过吗。你能告诉我一个样品点吗。我看了一下，但那应该是关于专门的移动网站

我主要关注的是一个普通的网站，它是为网络而优化的，而不是主要的移动网站

---

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

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

你的问题的关键是谷歌网站不使用视口声明（head元素中的元视口）。如果您没有，那么设备浏览器会将您视为仅限传统桌面的网站。他们假设您将在~830px以下完全中断，并相应地设置页面最小宽度。对我来说，这听起来不像是响应性设计

谷歌网站不允许你编写自己的CSS或HTML标题，因此你无法自己实现更具响应性的设计

为了公平起见，您可以选择不设置固定的页面宽度。如果您使用“水平导航”功能，导航按钮也会在相对狭窄的窗口上回流。后者不是一个很好的设计，但至少它优雅地有辱人格

在管理站点->常规下有一个选项“自动调整站点以适应移动电话”。然而，许多人建议最好不要使用它：）。我尝试在手机上启用它，预览页面，然后选择“在手机中预览”。至少在我最初的上网本（800px宽）上的Firefox上，它没有响应。它没有扩展到正确使用800px屏幕

另一方面，换行（或不换行）是我的站点预先存在的问题。你可以责怪我没有测试它：）。然而，它说明了谷歌网站所见即所得编辑器的局限性。它不会显示、检查或过滤导致此问题的格式

---

现在，一个响应性强的谷歌网站已经有可能在几天内建成。由于谷歌在管理站点选项按钮中增强了“自动调整站点以适应移动电话”选项的功能

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

---

请参考一个示例网站，该网站使用响应性谷歌网站www.jyotiprokashmusic.com

手机是，响应性否

我今天在搞乱谷歌网站，你可以让一个网站对手机友好（我必须来这里开始！）。我只是用“空白模板”来搞乱

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

选项（齿轮图标）>管理站点>（向下滚动至手机）检查。。自动调整移动电话。是的，让我们将该选项埋在底部

考虑到谷歌在2015年春季实施的整个移动“推送”，对于任何新创建的谷歌网站，默认情况下都应该启用推送功能

只要选择该选项，就可以创建一个OK（基本）移动站点。不是一个反应迅速的网站。因此，在我的iPhone上，它可以正确缩放照片以适应设备，并将主水平菜单切换到“汉堡包”图标/菜单。但是，折叠桌面浏览器窗口不会产生响应结果。

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

我猜基本的主题实际上叫做“滑雪”。我试过“法律键盘”的主题，但它在手机上完全过时了。我认为是由于标题和内容区域的背景图像

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

---

此外，您对可以添加的html非常有限。尝试添加脚本标记在尝试保存时会被剥离。因此，根据使用情况，肯定还有其他选择。

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

如果您使用应用程序脚本创建自己的自定义HTML表单，您可以将@media viewports等添加到这些页面/表单的css中，这样有助于。。。 但谷歌网站框架覆盖了定制css

---

页面级的响应性设计。

您必须直接访问CSS才能使任何内容具有响应性，因此我认为您用“Blogger”回答了自己的问题。欢迎使用StackOverflow。这里的更多解释可能有助于其他程序员理解它的工作原理。这看起来也不是很好的响应，这也不是一个没有回应的网站的好例子。