Html 缩放时禁用响应

我目前正在开发一个响应性网站，但我想在用户放大或缩小时禁用响应性

我不想禁用缩放功能，而是保持站点的布局，因为它会在100%缩放时查找该设备

例如，如果我在一台台式计算机上，将页面放大到200%，大小将根据网站的移动布局重新缩放。我真的只想放大，没有任何改变

我该怎么做？我在网上能找到的就是如何禁用“一起缩放”，而这不是我想要的

目前，我所有的响应式样式均采用以下格式：

@media (max-width: ____px) {
   ...
}

和我的元标签：

<meta name="viewport" content="width=640">

---

为什么我们不只是使用这个元标记呢

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

---

您可以使用最大设备宽度，而不是在媒体查询中使用最大宽度：

@media (max-device-width: ____px) {
   ...
}

---

当你在一个比uuuuuupx宽的屏幕上调整大小或缩放时，查询将不会被触发。它解决了缩放问题，但这里的问题是，用户将被迫全屏显示站点，否则布局将被破坏。通过在主体上设置固定的宽度来解决这个问题。将视口宽度设置为640时，也可以将主体样式的宽度设置为640px。这将防止它收缩