element ui的el-popover和el-select的小弹框在网页缩放后会跑偏，请问如何使他们在网页缩放后依然跟随网页的原定位不变

Element UI的`el-popover`和`el-select`组件中的小弹框默认是以相对定位（position: relative）显示的，当页面缩放时，它们可能会因为视口大小的变化而位置移动。为了保证它们在缩放后仍保持在原来的位置，你可以采用以下几种方法：

1. **设置固定宽度和高度**：给需要固定的弹框设定一个固定的宽度和最大宽度，同时限制其高度，使其不会随内容拉伸。

<el-popover width="300px" :max-width="400">
  <!-- 弹框内容 -->
</el-popover>

2. **百分比定位**：使用百分比而不是像素值设置宽高，让元素相对于父容器自适应屏幕变化。

.el-popover {
  position: fixed;
  left: 50%; /* 需要计算出正确的偏移量 */
  top: 50%;
  transform: translate(-50%, -50%); /* 使用transform调整到中心位置 */
}

3. **响应式设计**：结合CSS媒体查询（media queries），针对不同的视口尺寸，设置不同的样式。比如在小屏幕下可以将`position`改为`absolute`，并调整`left`、`top`属性。

@media screen and (max-width: 768px) {
  .el-popover {
    position: absolute;
  }
}

如果你想要所有类似组件都能自动适应，还可以考虑在Element UI的全局样式表中更改这些组件的默认样式，确保缩放时的定位一致性。