Question

我的老板要我将Google的CSE实施到我们的网站中。到目前为止，我已成功将其集成到我们的测试网站上，并在通过Firefox查看网站时正确显示。 http://postimg.org/image/7maah372n/

但是，在Chrome中查看时，相同的搜索栏会在标题中展开。 http://postimg.org/image/4unnn732v/

显然，在我们解决此问题之前，我们无法在实际网站上实施此更改。我使用Google的CSE工具，它生成了以下代码。

(function() {
    var cx = 'custom site ID here';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx;
    s.parentNode.insertBefore(gcse, s);
})();

这由脚本标记包含，脚本标记包含在代码中，而div标签用于旧样式搜索栏中的CSS样式。我该怎么做才能让这个搜索栏适用于Firefox和Chrome？我已经查看了div标签的CSS，唯一的就是位置：relative和float：right。

编辑：我玩过div标签的CSS，将宽度设置为230像素。这可行，但它看起来像一个不太理想的解决方案，可能无法支持低分辨率显示器。有没有办法让这更普遍？

Google CSE - 搜索栏太大

0 个答案: