google-search - 如何在 Google 搜索 iframe 上设置自定义宽度？

Question

我正在尝试使用 Google 搜索来搜索我的网站:

http://www.houseofhawkins.com/search.php

在某些屏幕分辨率下效果不佳。这是谷歌给出的代码:

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 250;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

我将“googleSearchFrameWidth”更改为 250，认为应该以 px 为单位设置宽度(一开始是 600)。但对于较小的屏幕(1024 * 768)，它会伸出我的 div 的一侧。

我是不是做了什么蠢事？

Answer 1

我有三个设置可供您调整，我希望这三个设置的组合能够帮助您到达所需的位置:

1. googleSearchFrameWidth - 在 JavaScript 中将其设置为您想要的宽度。这是最明显的一个，您可能已经调整过了。
2. cse-search-results div 的宽度 - 使用内联样式语句(例如 style ="width:500" )设置 div 的宽度。
3. 设置 IFrame 样式 - 如果您检查，您可能会注意到所有这些内容都是通过 IFrame 从 Google 呈现的。这有点难以调整，但也是可行的。为此，请在样式表末尾添加一条语句，例如 #cse-search-results iframe { } ，包括括号内的实际 iframe 样式。

我希望其中一个或这些的组合能够成为您的答案。如有疑问，请使用 DOM 检查器(例如 Firebug 中提供的检查器)来分析更改对 DOM 的影响。希望这会有所帮助。