思考响应式设计中的"缩放"

use*_*307 4 css layout zoom responsive-design

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

如果您只调整窗口大小,布局适合,如果您只是缩放,布局再次适合,我没有问题,但如果在调整窗口大小时缩放,布局会稍微破坏.

找到解决方案是否重要?我有200%,300%的变焦水平没有问题,大多数是400%或500%给我带来了一些问题.

Los*_*ack 8

通常,响应式布局不需要缩放,因为它适合设备/浏览器窗口,并且设计为"手指友好".为此,您可以使用它viewport来阻止用户进行缩放:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Run Code Online (Sandbox Code Playgroud)

  • 我知道这是一个旧的答案,但这*完全*忽略了可访问性等问题。视力受损的人可能**需要**缩放选项。 (4认同)