如何强制谷歌的自定义搜索响应？

Question

我们在其中一个网站上使用Google的自定义搜索引擎，iframe中的一个元素是.gs-webResult {width：42em;}

这基本上是每个结果行的容器div。我无法直接从我的网站更改CSS，因为它位于iframe中。

这是我能找到的唯一类似问题：https://drupal.org/node/1420294

答案是：

“您必须在Google AdSense网站的搜索广告中对其进行配置。最后一项设置之一是搜索结果框架的宽度。

无法更改该帧的内容。“

最后一行“改变那个框架的内容是不可能的”似乎不太可能。

所以我的问题是，如何将其更改为.gs-webResult {width：100％;}或者是否有一个选项可以让我对搜索引擎做出响应？

由于

Answer 1

解决方法是在Adsense中设置自定义搜索，然后在https://www.google.com/cse/all打开自定义搜索控制面板。

选择要编辑的搜索引擎，然后在左侧菜单中点击“外观”，其中有各种选项，包括响应式。选择你想要的，然后“保存并获取代码”

Answer 2

您可以使用这段代码修改代码中使用的类，使自定义搜索响应。

@media (max-width: 740px) { /* max-width can change according to your usage*/
  .anyclass {
    /* css properties here;*/
   }
}

@media (min-width: 739px) {
  .anyclass {
    /* css properties here; */
   }
}

通过这种方式，搜索看起来很敏感，您将实现您想要的效果。

Answer 3

通过直接设置iframe样式，我能够在我的网站上响应性地运行iframe：

#google-cse-results iframe {
    height:1860px; width:100%;
}