我正在尝试弄清楚如何将位置设置为相同的值,无论它是第一次在笔记本电脑还是 1920x1080 显示器上渲染。
我以此为例 - https://agentcooper.github.io/react-pdf-highlighter/#,正如您在文本层中看到的那样,无论它在笔记本电脑上还是在 1920x1080 显示器上加载,每个div 都具有相同的位置。
例如,在此链接中,只需专注于一个div并在较小的屏幕和较大的屏幕上呈现它,您将看到我想要实现的目标,两次它们都具有相同的位置值。
如果要检查实时示例 - https://stackblitz.com/edit/ng2-pdf-viewer - 在此实时示例位置,每个分辨率的值都会发生变化。
我想实现这一点,但到目前为止我尝试了:
- ng2-pdf-viewer库中的各种选项,没有一个可以帮助我实现每次加载
- 容器包装 pdf 图层的固定宽度,但这没有逻辑,因为当它在 1920 年再次渲染时,它具有不同的位置
尝试改用视口单位vw或vh。