缩小时更改元素的位置

Changing place of element when I zoom out

当我在我的网站上输入搜索并缩小 (ctrl/-) 搜索任何内容时,搜索结果的位置将会改变!我应该如何修复它的搜索结果完全打开输入搜索的底部? 我的 url : link of my website and it's pic of result of search : pic of my website

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

如果可能的话,一个解决方案是监听浏览器的缩放事件并重新计算它,但是目前还没有办法做到这一点。有关此 SO 问题的更多信息:Catch browser's "zoom" event in JavaScript

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

或者,您可以继续寻找监听 zoom 事件的方法,并使用搜索输入的左偏移更新下拉菜单的位置。