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

Question

有没有办法在Google协作平台上使用自适应设计原则.有没人试过呢.你能指导我到一个示例网站吗？我查看了这个谷歌帮助主题,但那时据说只是移动网站.

我主要关注的是一个针对网络而非主要针对移动网站进行优化的普通网站.

另外,Blogger在这种情况下是更好的选择,因为它允许更改CSS.

Answer 1

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

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

Google协作平台不允许您编写自己的CSS或HTML HEAD,因此您无法自行实现响应更快的设计.

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

管理站点 - >常规下有一个选项"自动调整站点到手机".然而,许多人建议最好不要使用它:).我尝试在旧网站上启用它,预览页面,然后选择"在移动设备中预览".至少在我的原始上网本(800px宽度)的Firefox上,它没有响应.它没有扩展到正确使用800px屏幕.

顺便说一句,换行(或没有换行)是我网站的预先存在的问题.你可以责怪我没有测试它:).然而,它说明了Google协作平台中WYSIWYG编辑器的限制.它不显示,检查或过滤掉导致此问题的格式.