尽管改变了视口，如何使网页保持固定

Question

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

网页的内容也可以响应。这就是为什么我希望它保持固定。因为我不希望网页布局随着桌面或手机视口的改变而改变。

红框是视口，绿框是网页。现在，图像1显示了具有给定宽度的网页。图像2显示已缩小以适合视口但仍保持其内容完整的网页。或者它可以是视口较小的图像3，并显示带有滚动条的同一网页。

我实际上需要这个概念，以便我可以在页面上留下一些标记（一些具有固定坐标的点）。尽管改变了视口，但标记仍然固定在它们的位置。

我试过

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

它解决了这个问题，但并不完全。

这件事有可能吗？

编辑：

我觉得我不够清楚。让我再解释一下。

实际上里面的内容不在我的掌控之中。我正在尝试制作书签应用程序。将保存指定URL的网页的静态副本，并进行一些修改。如前所述，修改将添加一些标记。 所以里面的内容可以是任何东西。

Answer 1

请参阅最广泛用于响应式设计CLICK HERE

的此框架