Css 如何迫使谷歌'；s自定义搜索是否响应？

我们正在我们的一个网站上使用谷歌的定制搜索引擎，iframe中的一个元素是.gs webResult{width:42em；}

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

这是我能找到的唯一类似问题：

答案是：

“你必须在谷歌AdSense网站的搜索广告中配置它。最后的设置之一是搜索结果框的宽度。”

无法更改该框架的内容。”

在我看来，最后一行“无法更改该框架的内容”似乎不太可能

所以我的问题是，我该如何将其更改为.gs webResult{width:100%；}或者是否有一个选项允许我使搜索引擎响应

---

谢谢

解决方法是在Adsense中设置自定义搜索，然后打开位于的自定义搜索控制面板

---

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

通过直接设置iframe的样式，我可以让iframe在我的站点上响应地工作：

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

---

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

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

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

---

通过这种方式，搜索将看起来反应迅速，您将实现您想要的功能。

我知道responsive是常规AdSense的一个选项（而且效果很好），但我在自定义搜索控制面板的“外观”列表中没有看到它……看起来这是谷歌后来修改的功能。尽管在Look&Feel页面上没有明显的响应选项，但默认选项似乎会生成响应代码。我转到上面的URL并重新生成代码。结果是非常不同的AdSense自定义搜索页面（一个新的实现？），它似乎是响应！我想知道是否所有选项现在都是响应性的-因此缺少响应性选项…Harshit，这是关于响应性的一般性评论。您确定它可以应用于这个特定的用例吗？是的。我敢肯定！！当我在我的网站导航栏和手机视图中使用谷歌自定义搜索时，我必须更改搜索框的宽度。我相信它会工作，只要在代码中添加自定义搜索后检查元素，并找到元素和链接到它的类。第二，在上面的代码中使用相同的类名，如果需要，标记为重要。它会起作用的