1

注: 次の問題は、blackberry にのみ適用されます。テストされた他のすべてのデバイス (複数の Android モデルと iPhone OS) は、これらの問題の影響を受けていません。

問題 #1 : 水平スクロール

ヘッドに次のメタ タグがあります。

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

ただし、ページの幅の約 2 倍の巨大なサイド スクロールが表示されます。本体に overflow-x: hidden がありますが、それでもスクロールしています。

問題 #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 は、blackberry でいくつかの問題を引き起こしています。リンクが奇妙に積み重なっています: http://imgur.com/0p5rh (スクリーンショット: 上は他の電話での外観、下はブラックベリーです。このバーの追加は無視してください)

liに固定ピクセル幅を設定すると、ラッピングの問題は解決しますが、各リスト要素の直後に一貫したマージンが得られません。

4

1 に答える 1

1

水平スクロールの解決策：

幅を含めました：ボディにも100％で、これにより水平スクロールの問題が解決しました。

問題＃2はまだ解決されていません。

于 2012-11-09T16:28:25.543 に答える