背景が唯一のようなワイドビューポート

厄介な問題として背景が唯一のようなワイドビューポート

、私の背景画像は

クリップされています - 画像は、ビューポート

としてだけとして広い

ズーム

で：画像のベストは何が起こっているかを示しています

ズームウェイ・アウト - 問題はここ

zoom out - problem gone

を発生しませんが、関連するかもしれない私のCSSからのいくつかのセクションがあります：

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body{ width: 100%; } 
header#header { width: 100%; } 
header#header #background-image { 
    height: 150px; 
    background: url(/images/header/silhouette.png) repeat-x; 
}

これはと、あまりにも適用cssgradientsずに起こります - 本当にここで困惑しました

出典

2011-01-19 stephenmurdoch

あなたがしようとしたハンドヘルドユーザーに最適なソリューションを提供するために、今、いくつかのメディアクエリを追加するために、おそらく最善です実現が＃background-image 100％widthに設定するには？ – stecb

'header'や、' figcaption'のようなものがHTMLの 'body'や' div'のような要素であることは見たことがありません。それはクラスやid参照ではない、たぶん私は何かを逃した。私は今までCSSスタイルで行われたことを見たことがありません – Jakub

解決策を見つけました。 :)私の答えを読む。 :) –

ボディの最小幅を設定するのは

です

body{ width:100%;min-width: 1002px; }

これは私がiphoneだけでなく、持っているすべてのブラウザで問題を修正（iphonetesterによると、私はそれが本当に

出典

2011-01-19 16:24:22 stephenmurdoch

:)のようになっているように、投稿全体の最初のイメージを更新する必要があります。メソッド、両方の仕事、それはいくつかのヒントとtriclsがあります。 –

伝説の答え、ありがとう！だれでも「1002px」だと知っていますか？ –

@Webbo、私はちょうど私の画面で働いたので、その数字を使用して:) YMMV – stephenmurdoch

背景が唯一のようなワイドビューポート

答えて

関連する問題