0

[リンクが削除されました] iPhone では、トップ バナーが最後まで伸びません。解決？

スクリーンショットはこちら: ![ここに画像の説明を入力][1]

div に適用される CSS ive は次のとおりです。

#banner {
    background-color: #F7F7F7;
    background-size: cover;
    box-shadow: 0 0 30px 2px #DCCFBF inset;
    display: inline-block;
    height: 200px;
    width: 100%;

問題 2. Chrome で、ブラウザー ウィンドウのサイズを変更すると、下の 2 つのナビゲーション アイコンが移動します (グラフィック デザインとソーシャル メディア)。それらをコンテナに入れて所定の位置に保持しようとしましたが、それでも発生します...クロムでのみ。サイト全体がずれていることに気づきましたが、しばらくするとナビゲーションの他のアイコンが停止し、下部のアイコンが重なって見栄えが悪くなります。助言がありますか？

4

1 に答える 1

5

モバイル Safari が全幅として扱うよりもコンテンツの幅が広いため、バナーは完全には伸びません。次に、コンテンツに合わせてページ全体を縮小し、ヘッダーを少しストランドします。

同様の質問に対するこの回答を参照してください

通常、追加することで修正されます

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

に<head>

width: 100%アイコンに関しては、Chrome はonの @media クエリ値#home(main.css の 528 行目) を尊重しているようですが、Firefox はそうではなく、最初の値を保持していますwidth: 1020px(l. 91)。

于 2012-11-21T00:43:39.990 に答える