滚动进出时如何使页面粘在屏幕上？

Question

标题听起来真是愚蠢，很难用这么小的字符来解释，所以我们开始吧。 我希望整个网站在用户缩小或仅具有较小的屏幕分辨率时重新调整其自身大小。很难解释，但您可以在以下位置查看示例：https://panicatthedisco.com。

提前致谢！


编辑：无论用户对他们的缩放比例或分辨率如何操作，我都希望网站坚持相同的缩放比例。因此，如果用户缩放到140，它仍将显示为100。

Answer 1

您可以使用以下方法将站点缩放到设备宽度。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

编辑：尝试

<meta name="viewport" content="width=device-width, user-scalable=no" />

Answer 2

将台式机的html字体大小设置为16px，然后在媒体查询中将字体大小更改为较小的大小，例如15px，14px等。这仅在所有单位都在rem中时才有效，因此您将需要更改它们。