モバイルで全幅の背景を取得する方法は？

Question

divコンテナの外に広がる私のウェブサイトで全幅の背景を使用しています。 http://www.csselectronics.com/（最後の近く）。私は携帯電話への影響を再現するために苦労していても

これは、デスクトップ上で正常に動作します。私は2種類のCSSスタイルを使用していますが、画面幅に基づいた設定でロードしています。

<link rel="stylesheet" media="screen and (max-width: 600px)" href="http://canlogger1000.csselectronics.com/lightbox/FullWidth_Mobile_v17.css"> 

<link rel="stylesheet" media="screen and (min-width: 601px)" href="http://canlogger1000.csselectronics.com/lightbox/FullWidth_Big.css"> 

問題はモバイル版にあります。モバイルでページを表示している場合に表示されるように、背景色はコンテナの外側で表示幅の100％を覆うように伸びません。私は多くのことを試しましたが、私は常に、私が回避したいと思っている水平方向にスクロールできるようにビューを拡大するという問題に遭遇します。

ご協力いただきありがとうございます。

マーティン

Answer 1

あなたは「手ごろな価格、シンプル、パワフル」などと底部にあるブロックを意味していますか？

width: 120%やそのような行に沿って何かを追加しないと、ブロックがコンテナをオーバーフローさせるように強制しない限り、HTMLを変更しないと簡単にはできませんが、前述のように水平スクロールが発生します。

あなたが定期的に容器の外ブロックを取って、それのための新しいHTMLのブロックを使用した場合もっと簡単な方法は次のようになります。

だから、（ラフ例）、返信用

<div class="container> 
// Your regular content here 
</div> 

//In this grey block, make it width 100% and add the content you want 
<div class="grey-block"> 
//So the content inside will still be aligned with the rest of the page 
<div class="container"> 
</div> 
</div> 

//Continue with the rest of the page 
<div class="container> 
</div>