缩小时更改元素的位置

Question

当我在输入搜索中搜索任何东西并在我的网站上缩小（ctrl / - ）时，搜索结果的位置将会改变！我应该如何修复输入搜索的搜索结果？ 我的网址：link of my website，它是搜索结果的图片：pic of my website

Answer 1

查看您的网站，似乎您有一个脚本，可以在加载结果后使用绝对定位生成结果。在缩小时，绝对定位不再相关。

如果有可能，解决方案就是听取浏览器的缩放事件并重新计算，但目前无法做到这一点。在此SO问题中有关此问题的更多信息：Catch browser's "zoom" event in JavaScript

如果您想要处理这种情况，理想的解决方案是将下拉列表的结构更改为不需要绝对定位。

或者，您可以继续搜索收听zoom事件的方法，并使用搜索输入的左偏移更新下拉列表的位置。