android - css @media 测试它是 iPhone 还是 Android

Question

我做一个网站，页脚总是绑在底部:

CSS:

 bottom: 0;

直到我用手机测试它才可以。它在 iPhone 中显示正常，但在 Android 中消失了。所以我使用 @media 来检查屏幕尺寸:

.footer {
 bottom:0;
}
@media only screen and (max-device-width: 480px) {
.footer {
 bottom:150px;
}

现在适用于 Android，但在 iPhone 中，footer 从底部偏移。我该如何解决这个问题？有没有办法检测它是 iPhone 还是 Android？

Answer 1

使用谷歌工具 Google Web Check Tool和

在 firefox 中使用 firebug 插件。这个工具很有用