高级调查主题定制移动

我们设计的标准调查主题是移动响应。这意味着您可以选择您想要的主题,并确信,无论使用何种设备,您的调查对象都能够对您的调查做出回应。

当调查对象访问您的调查时,Alchemer将检测设备是否可移动。如果设备是移动的,Alchemer将改变某些元素的布局,使其优化在移动设备上显示。下面是这些更改的特定元素细节。

如果您希望关闭此优化,您可以在风格选项卡。简单的点击>移动交互并选择不移动优化选择。

我们的手机响应式调查主题在99%的时间里都是有效的,但是,市面上有很多设备,甚至还有更多的调查,所以你可能仍然会发现你所构建的调查在特定设备上看起来并不正确。别担心;有一些方法可以修复这个问题与一点CSS!

对移动定制使用媒体查询

媒体查询是使我们的移动主题响应的秘密。它们很容易使用。

首先在桌面上访问调查链接,然后调整浏览器窗口的大小,直到出现给定问题的地方。调整CSS以解决棘手的问题。

  1. 要将修复程序应用到现有的CSS,请转到风格TAB和滚动到调查预览的底部。
  2. 单击链接HTML / CSS编辑器
  3. 将得到的CSS代码粘贴到自定义CSS选项卡并单击保存更改

接下来,您将希望设置CSS,使其仅适用于小屏幕。为此,您需要使用媒体查询来选择性地仅在小屏幕上应用CSS。

为了只在小设备上应用CSS,将它包装在一个最大宽度为540px或更小的屏幕大小的媒体查询中。开始你的媒体查询如下:

@media (max-width: 540px){/*在这里放置你的CSS代码*/}

然后把你想要应用于小屏幕的CSS放在开始和结束的花括号之间。

将移动自定义保存在自定义主题中

使用自定义主题,您可以保存这些自定义,以便在以后的调查中使用。您可以在任何调查的Style选项卡中这样做。去风格tAb和滚动到调查预览的底部,选择你想要复制的主题,单击右下角的选项另存为新主题.命名您的新自定义主题并单击保存

新的自定义主题保存后,请转到帐户>图书馆>调查主题查找您的移动主题。该自定义主题现在可以选择为您的主题风格选项卡。任何未来的调查只需去风格>主题>自定义主题访问自定义主题。

基本 标准 市场研究 人力资源专业 完全访问 报告
免费的 个人 团队和企业
功能 包含在