關於黑莓的響應設計問題

注意：以下問題僅適用於黑莓 - 所有其他測試設備（多個Android模型和iPhone OS）都不會受到這些問題的影響。關於黑莓的響應設計問題

問題＃1：橫向滾動

我的頭以下meta標籤：

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

不過，我仍然獲得了巨大的側渦 - 約寬度的兩倍這一頁。我有overflow-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; 
}

寬度：自動導致黑莓的一些問題。這些鏈接堆疊奇怪： http://imgur.com/0p5rh（截圖：頂部是它的外觀上的其他手機，底部是黑莓 - 請忽略添加本吧）

如果我設置上慄固定的像素寬度它解決了包裝問題，但後來並沒有給我一個一致的保證金 - 在每個清單元素之後。

來源

2012-11-09 user1380540

解決水平滾動：

我剛剛列入寬度：100％對人體具有很好，這解決了水平滾動的問題。

問題2仍然沒有解決。

來源

2012-11-09 16:28:25 user1380540

關於黑莓的響應設計問題

回答

相關問題