android - 在这种特殊情况下如何处理多个设备？

Question

我尝试针对不同的设备测试网站。我只有一部 iPhone 4 和一部 iPad 2 可以测试，所以其余的我使用 chrome 来模拟设备。

我注意到 chrome 做的事情真的很奇怪。

例如，在 iphone 5 预览中它显示正确，但容器显示得非常小。

如果我检查 iphone 6 plus，那么内容会被绘制得很大。在我应该看到 5 行的地方我只看到了 2 行。

这与iphone 4 预览版相同。但在我的真实设备上，它在 iPhone 上显示正常。

如果有帮助，这是一些 css:

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden; 
}

#container {
    display: -ms-flexbox;      
    display: -webkit-flex; 
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

对于客户端来说，移动功能是重中之重。我只是不知道我应该做什么？

我也有这个:

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

但有或没有没有区别。

如果我用 chrome inspector 测试其他网站，那么有些网站有同样的问题，有些则没有。我能做些什么呢？我完全迷路了。

Answer 1

最简单的解决方案:您是否重新加载了页面？

如果这没有帮助:某些网站会在其 cookie 中存储与 View 相关的数据。尝试清除您的 cookie。