javascript - 尽管视口(viewport)发生变化，如何使网页保持固定

Question

我有一个网页，在给定的宽度下可以很好地看到。我希望它只保持那个宽度。它可以放大和缩小，但我希望内容相对于该宽度保持固定。

网页的内容也可以是响应式的。这就是为什么我希望它保持固定。因为我不希望网页的布局随着桌面或移动设备视口(viewport)的变化而变化。

红框是视口(viewport)，绿框是网页。现在图像 1 显示了具有给定宽度的网页。图片 2 显示的网页已按比例缩小以适合视口(viewport)，但其内容仍然完好无损。或者它可以是图 3，其中视口(viewport)很小并显示带有滚动条的同一网页。

我实际上需要这个概念，以便我可以在页面上留下一些标记(一些具有固定坐标的点)。尽管视口(viewport)发生变化，标记仍然固定在它们的位置。

我试过

<meta name="viewport" content="width=1286"> //1286 is the given fixed width here.

它稍微解决了问题，但没有完全解决。

这件事可能吗？

编辑:

我想我还不够清楚。让我进一步解释一下。

其实里面的内容不是我能控制的。我正在尝试制作书签应用程序。指定 URL 的网页的静态副本将被保存并进行一些修改。正如我之前解释的那样，修改将添加一些标记。所以里面的内容可以是任何内容。

Answer 1

引用这个响应式设计应用最广泛的框架CLICK HERE