如何防止桌面浏览器（Chrome，Safari浏览器）的缩放网页

我已经使用以下元视口标签，以防止浏览器缩放尝试：如何防止桌面浏览器（Chrome，Safari浏览器）的缩放网页

<meta content='width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,target-densitydpi=device-dpi' name='viewport' />

这不工作，虽然。我知道这是可能的，因为我的缩放被封锁这个网站：futurism.xyz

对该网站的视口代码是这样的：

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

我在做什么错误或丢失？

来源

2016-02-05 thundergolfer

'用户scalable'只是移动..具体来说，我相信这是iOS的Safari和Android的唯一的Chrome。另外，我可以[zoom zoom just]（http://i.imgur.com/sL6zsic.png）在您提供的链接上（Chrome 57）。这就是说，检查[这个问题]（http://stackoverflow.com/q/995914/4824627）和[这个问题]（http://stackoverflow.com/q/27116221/4824627）和[这个答案]（http ：//stackoverflow.com/a/22053915/4824627），他们可能会帮助 –

[防止缩放跨浏览器]（https://stackoverflow.com/questions/27116221/prevent-zoom-cross-browser） – samdd

试试这个：

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

或本：

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

来源

2016-02-05 05:37:32 G4bri3l

这些都没有工作，但感谢尝试。 – thundergolfer

-1

您的标签很多选择。也许有些选择规则另一个呢？尝试将选项剥离为尽可能少的几个。

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

应该够了。最终还加入user-scalable=no。

https://css-tricks.com/snippets/html/responsive-meta-tag/

来源

2016-02-05 19:52:54 RoggA

没有工作。感谢您的尝试。 – thundergolfer

看起来它不存在用于桌面浏览器的跨浏览器解决方案。你见过这个线程：http://stackoverflow.com/questions/27116221/prevent-zoom-cross-browser。然后，不建议禁用桌面用户的缩放。 – RoggA

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

我搜索了它，以及，试试这个，发现这是一个自举模板里面=）

来源

2016-11-12 00:15:42

-2

这都是错误的，因为他们是打滑。

使用这些（必须同时或不会工作）

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

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

来源

2017-03-06 16:51:54

如何防止桌面浏览器（Chrome，Safari浏览器）的缩放网页

回答

相关问题