我正在尝试使用谷歌搜索我的网站:
http://www.houseofhawkins.com/search.php 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 的一侧。
我是不是在做蠢事?
我有三个设置可供您调整,我希望这三个设置的组合能够帮助您到达所需的位置:
-
googleSearchFrameWidth- 在 JavaScript 中将其设置为您想要的宽度。这是最明显的一个,您可能已经调整过了。
-
cse-search-results div 的宽度- 使用内联样式语句(例如
style ="width:500"
) 设置 div 的宽度。
-
设置 IFrame 样式- 如果您检查,您可能会注意到所有这些内容都是通过 IFrame 从 Google 呈现的。这有点难以调整,但也是可行的。为此,请在样式表末尾添加一条语句,例如
#cse-search-results iframe { }
,包括括号内的实际 iframe 样式。
我希望其中之一或这些的组合能够成为您的答案。如有疑问,请使用 DOM 检查器(例如 Firebug 中提供的检查器)来分析更改对 DOM 的影响。希望这可以帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)