1

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

问题 #1：水平滚动

我的头部有以下元标记：

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=320, user-scalable=no" />

但是，我仍然得到一个巨大的侧滚动 - 大约是页面宽度的两倍。我有溢出-x：隐藏在身体上，无论如何它仍在滚动。

问题 #2：列出浮动问题

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

div#masthead nav ul li {
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline;
    margin: 0 5px 5px 0;
    width: auto;
    float: left;
    text-align: center;
}

div#masthead nav ul li a {
    font-size: .9em;
    padding: 5px;
}

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

如果我在 li 上设置一个固定的像素宽度，它可以解决包装问题，但不会在每个列表元素之后给我一个一致的边距。

4

1 回答 1

1

水平滚动的解决方案：

我刚刚在 body 上添加了一个 width: 100% ，这解决了水平滚动问题。

问题 #2 仍未解决。

于 2012-11-09T16:28:25.543 回答