Question

注意：以下问题仅适用于黑莓手机 - 所有其他经过测试的设备（多个Android机型和iPhone OS）都不会受到这些问题的影响。

问题＃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;
}

宽度：auto导致黑莓出现一些问题。这些链接奇怪地堆叠起来： http://imgur.com/0p5rh（截图：顶部是其他手机的外观，底部是黑莓 - 请忽略添加此栏）

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

Answer 1

水平滚动的解决方案：

我刚刚在身体上加了一个宽度：100％，这解决了水平滚动问题。

问题＃2仍然没有解决。

Blackberry的响应式设计问题

1 个答案: