如何在响应式设计中禁用缩放功能?

Mo.*_*Mo. 20 html5 css3 meta-tags responsive-design

如何在使用iPad,iPhone和/或其他智能手机时禁用响应式设计页面中的放大和缩小功能.

有没有办法控制它?

Ada*_*ley 47

创建META视口标记,并将用户可伸缩属性设置为"no",如下所示:

<meta name="viewport" content="user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)

更新的答案: -

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

  • 非常感谢你,使用这样的帮助`<meta name ="viewport"content ="width = device-width,initial-scale = 1.0,maximum-scale = 1.0,user-scalable = no">` (5认同)
  • 正确答案...但是使用它,您将失去基本功能,这可能会使您的网站对有视力问题的人无法使用。 (2认同)