仅关闭Android设备的网站缩放功能

Question

如何关闭我们网站上的缩放功能，但仅适用于Android手机/设备（但不影响iPhone）？

如果我只是定位Android上的Chrome浏览器，也可以检查以确认移动屏幕大小。

Answer 1

您应该用来关闭缩放功能的元标记将是下一个：

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

您可以在this StackOverflow question

的答案部分找到更多信息

接下来你需要做的是找出用户的操作系统。这样做的方式取决于服务器的编程语言。

好的，既然你正在使用Ruby，你可能需要像

这样的东西

request.user_agent.include?("Android")

获取用户的操作系统。但是你必须知道这些信息不能保证被发送。

所以，结合两个元素，我们有类似的东西：

<% if  request.user_agent.include?("Android") %>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<% end %>

Answer 2

把它放在你的HTML的头部。

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />