将现有drupal网站转换/更改为响应模式的最佳方法是什么？我搜索了很多，但没有得到任何正确的方向或指南。我当前的网站运行drupal 7和zen主题。我是否需要将主题更改为像bootstrap这样的响应式主题，或者还有其他更好的解决方案。
答案 0 :(得分：1)
我认为你的问题得到了答案！我使用Drupal的Bootstrap主题来使我的网站响应。它完美地运作。你可以在这里找到它：
主题附带了子主题入门套件，您可以使用它来安全地使用自己的主题。
答案 1 :(得分：0)
您不会将Drupal站点，而是HTML输出转换为响应式。 如何生成HTMl（Drupal主题）不相关。
无论您使用的主题是什么，我发现有用的东西只是在Chrome中打开您的网站，并使用开发人员工具，我根据需要向新CSS添加媒体查询，只修复看起来过于混乱的内容。模拟设备。
一些步骤包括：
将新文件夹添加到工作区（“来源”标签）
在drupal标题中添加本地（最初为空）的css链接（与实际网站一起使用，或者您必须执行任务以生成网站的离线版本，修复所有网站链接指向您的本地计算机，或在本地服务器中设置该主题，如MAMP）
使用MAX-WIDTH（相同值）替换容器中的所有WIDTH，以防止使用浏览器的视口缩小网站（当您缩小窗口大小时），并将新WIDTH设置为100％。现在您的设计将在原始宽度下灵活。
使用新的视口宽度隐藏，浮动或更改div的位置以更好地流动。
我使用大量营销元素（不是带有大量文本的文章内容）的一个技巧是使它们具有弹性，因此它们看起来总是相对于视口相同。要做到这一点：重新定义字体大小和em中的所有维度。然后添加“font-size：1vw;”到可以与视口宽度成比例的第一个父级或匹配整个视口，当视口调整大小时，所有元素也将缩放。
将一些类设置为.mobile-hidden或.desktop-only以隐藏/显示移动视图中的冗余元素。
（明显）使文字更大，并为小元素添加足够的填充以便于触摸。
然后只需将CSS上传到主题，然后在标题中更改之前创建的链接中的网址。
Voilá：回应主题。
注意：请记住，现在很多脚本都会修改DOM，以后可能需要设置新元素的样式，一旦运行某个购物车，或者生成/更改元素及其样式的功能。
祝你好运。