缩放时禁用响应

Question

我目前正在开设一个快速响应的网站，但我想在用户放大或缩小时禁用“响应能力”。

我不想禁用缩放功能，而是保持网站的布局，就像在100％缩放时查找该设备一样。

例如，如果我在台式计算机上并将页面放大到200％，则该大小将重新调整为该站点的移动布局。我真的只想放大，没有任何改变。

我该怎么做？我在网上找到的就是如何完全禁用缩放，这不是我想要的。

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

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

和我的元标记：

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

Answer 1

为什么不只是使用这个metatag？

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

Answer 2

您可以使用max-device-width：

，而不是在媒体查询中使用max-width

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

当您调整大小或放大比____ px宽的屏幕时，不会触发查询