Mobile 黑莓手机的响应性设计问题

注意：以下问题仅适用于黑莓-所有其他测试设备（多个android型号和iPhone操作系统）均不受这些问题的影响

问题#1：水平滚动

我在头部有以下元标记：

然而，我仍然得到一个巨大的侧卷轴——大约是页面宽度的两倍。我在主体上隐藏了overflow-x:并且它仍然在滚动

问题#2：列出浮动问题

我的导航由无序的链接列表组成。我应用了以下css：

div#桅顶导航ul li{
背景：#fff；
-moz边界半径：5px；
-webkit边界半径：5px；
边界半径：5px；
显示：内联；
边距：0 5px 5px 0；
宽度：自动；
浮动：左；
文本对齐：居中；
}
船首导航室{
字体大小：.9em；
填充物：5px；
}

width:auto在黑莓手机上造成了一些问题。链接堆叠得很奇怪： （截图：顶部是其他手机的外观，底部是黑莓手机-请忽略添加此栏）

---

如果我在li上设置了固定的像素宽度，它解决了包装问题，但在每个列表元素后面没有提供一致的边距。

水平滚动的解决方案：

我刚刚在主体上添加了一个宽度：100%，这解决了水平滚动的问题

---

问题2仍未解决。

水平滚动的解决方案：

我刚刚在主体上添加了一个宽度：100%，这解决了水平滚动的问题

问题2仍然没有解决