ios 4网站发布媒体查询或视口

Question

我为一个客户编写了一个网站，现在我开发了一个智能手机模板。 我使用max-device-width作为媒体查询来分离智能手机和平板电脑。 Everythng工作正常，但iphone 4缩放网站。 我不知道我是否定义了视口错误或是一个错误？ 网站是：http://mksgmbh.com 我使用了以下Viewport

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

我尝试将初始比例设置为1，但它也不起作用。

Answer 1

现在，当我查看网站时，您会看到多个视口标记。尝试将它们全部删除并用

替换它们

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

或者如果您想阻止用户缩放：

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

UPDATE
此外，在媒体查询中，您使用max-device-width，例如

@media only screen and (max-device-width: 760px) {
...
}   

除非您尝试定位特定设备，否则可以尝试

@media only screen and (max-width: 760px) {
...
}

设备宽度和宽度不一样，对于响应式设计，宽度通常会得到您想要的结果。关于差异的This link has some more background info

希望这有帮助！