css - 响应式设计中的 'zoom' 思考

Question

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

如果你只调整窗口大小，布局适合，如果你只缩放，布局再次适合，我没有问题，但是如果在调整窗口大小时缩放，布局会中断一点。

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

Answer 1

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

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