android - android和ie7 css定位问题

Question

我刚刚发布了我们网站的新版本，我正在尝试解决一些我之前无法测试的问题，因为我无法在我的本地主机上模拟安卓手机（我相信这是可能的） - 时间不允许要求的阅读）

无论如何，我在 ie7-9、ff、opera、safari、chrome 上进行了测试，你能想到的一切都很好，除了：

在 android 手机上：我在标题和内容之间有一个水平导航栏，菜单上的最后一项已转移到下一行。这可能只是一个像素，但为什么！为什么！为什么！嘘：（

然后在 IE7 上，在任何有很多产品的页面上（比如这个：http ://www.traditionalirishgifts.c​​om/guinness-merchandise ），过滤器选项和分页导航都应该在一条线上，就像它们在其他所有浏览器。

有没有 CSS 天才愿意帮助我？

Answer 1

1. 这取决于手机的屏幕分辨率。如果您在具有更宽屏幕像素的手机上尝试它，您将没有问题。

2. 我看到一个 IE7 问题：

div#dropMenu没有指定的填充

与任何现代浏览器不同，IE7 具有默认填充。

添加padding: 0，您将没有问题。