Html 元名称=”；“视口”；不'；I don’我没有按预期工作

我的网站www.ssd-vergleichen.de上有这个meta标签

<meta name="viewport" content="width=device-width; initial-scale=1.0;"/>

防止设备最初放大到网站。 当我在三星Galaxy S2上的chrome手机浏览器上观看该网站时，该网站放大了约400%。 我做错了什么？有人能帮忙吗

提前谢谢

编辑：使用

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

它在Android的标准webbrowser中工作，但在Chrome中仍然不起作用。我想知道它在IOS中是否有效

Edit2：不，它也不适用于iOS

试试：

没有

您试过了吗

<meta name="viewport" width="device-width">

用于正确缩放响应站点。考虑到您的站点固定为1100px的宽度，设置
initial scale=1
不会导致整个页面可见

从W3C中尝试以下操作：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height, target-densitydpi=medium-dpi" />

我今天也遇到了同样的问题，我可以通过玩弄target densitydpi属性并将其设置为高，同时将宽度设置为设备宽度来修复它

像这样：

<meta name="viewport" content="initial-scale=0.8, zoom=10%, width=device-width, target-densitydpi=high-dpi">



这解决了我的问题。
你应该写

<meta id="viewport" name="viewport" content="[your_content_params]" />



我试过这个，效果很好。
试一下：

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

它似乎适用于Android标准浏览器，但不适用于Chrome（观看我的编辑）。我在我的网站上使用了上述代码，在Chrome中工作没有问题，因此可能有什么东西干扰了它。我会检查你的网站…我已经清除了我的chrome缓存。还有那个问题。。它似乎在iPhone上也不起作用：这有帮助吗：这也不起作用。而
initial scale=1
意味着网站根本没有缩放。你的意思是200%或
initial scale=2
I thinkSorry by zoom 100%我的意思是按预期大小显示网页。i、 e.没有缩放，这似乎是在做。检查浏览器测试，在那里有哪些设备正确实现元标记的每个部分的详细信息。
<meta id="viewport" name="viewport" content="[your_content_params]" />

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

html, body {
    max-width: 100%;
    overflow-x: hidden;
}