css - 思考响应式设计中的“缩放”

Question

我正在尝试使用 HTML 和 CSS 进行响应式设计，这是我的问题：

如果您只调整窗口大小，则布局适合，如果您只缩放，布局再次适合，我对此没有问题，但如果您在调整窗口大小时缩放，布局会稍微中断。

找到解决方案很重要吗？我对 200%、300% 的缩放级别没有任何问题，主要是 400% 或 500% 给我带来了一些问题。

Answer 1

一般来说，响应式布局不需要缩放，因为它适合设备/浏览器窗口并且被设计为“手指友好”。为了帮助解决这个问题，您可以使用它viewport来阻止用户缩放：

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