Javascript 如何使网页适应不同的屏幕大小而不影响其原始宽度？

我当时正在考虑制作一个书签应用程序，它可以让用户只为页面的一部分添加书签，如图所示。他们将在页面上单击两次以标记两条水平线。这些行之间的区域将高亮显示，以显示页面的选定部分

我将保存两条线的y坐标。就这样

但如果：

用户随后会在一个更大或更小的屏幕上打开书签。网页将重新调整大小以适应新的宽度，一些元素肯定会改变它们的位置。然后坐标将不匹配，并且不会显示原始选定区域

url上的页面内容稍后会更改

该网页响应迅速。那么移动视图将完全不同。它可能不包含原始正常监视器屏幕中的某些元素

问题2的解决方案是我们保存一个页面的永久副本，然后在上面设置坐标。我已经找到了将网页保存到一个html文件的这一部分，该文件看起来非常像原始文件

对于1点和3点，我在想，是否有可能以某种方式固定网页的宽度，以显示屏幕宽度。i、 只需根据屏幕宽度拉伸或收缩原始页面宽度。有办法做到这一点吗？我用viewport元标记做了一些实验，但没有成功

---

你们知道吗？根据你的说法，还有什么会出错的吗？有没有额外的附加功能？

只是喜欢将一个长页面的一部分作为参考，我认为最好是将一个标签作为书签

某些内容…

只会将页面上的一个点作为书签。我想选择两点之间的部分。