0

TwitterのブートストラップレスポンシブCSSを使用しているため、WebサイトをiPhoneに合わせようとしていますが、幅ごとに異なる境界線の色でコンテナを指定しましたが、ブラウザーウィンドウを最小化すると、境界線の色がブラウザーウィンドウに反映されません

http://jsfiddle.net/CXkQp/1/

http://jsfiddle.net/CXkQp/1/embedded/result/

@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
    border: 1px solid red;
  }
4

1 に答える 1

0

あなたの質問を正しく理解できれば、投稿したページの例はレスポンシブであるはずですが、ブートストラップ グリッドが必要な方法でセットアップされているかどうかはわかりません。

120行目と145行目でコンテナdivをネストしました

2 つのコンテナー div の名前を変更するとどうなるかを確認します。

http://jsfiddle.net/panchroma/CXkQp/3/embedded/result/

http://jsfiddle.net/panchroma/CXkQp/3/

120行目 

 <div class="containerA" style="background-color: white;">

145行目 

 <div class="containerB">

パズルの別のピースである可能性のある検証エラーもいくつかあります。原因は、HTML ヘッド コンテンツを jsFiddle HTML パネルに単純に貼り付けられないことが原因である可能性があります。必要な作業の詳細については、http://doc.jsfiddle.net/use/hacks.html#css-panel-hackを確認してください。

私が何かを誤解している場合は、お詫び申し上げます

幸運を！

于 2013-01-05T17:26:08.273 に答える