0

2ヘッダーと段落タグをレスポンシブにしたい、問題は背景

は画像なので、それもレスポンシブである必要がありますか? そして、もし私が画像を中に入れたら、おそらく異端が行く道です

私はそれを変更しようとしましたが、運がありませんでした。ウィジェットと高さをパーセンテージで作成すると応答性が解決することは理解していますが、その方法

<header id="wrapper">
    <div class="container clearfix">
         <h1 id="logo" class="alignleft"> <a href="index.html"></a> </h1>

        <div id="head-two"> <a href="http://www.twitter.com/"><img src="http://poledancescool.com/images/twitterlogo.png"  class="rollOut" width="55" height="55" alt="" style="" /></a>
    <a href="http://www.facebook.com/"><img src="http://poledancescool.com/images/facebooklogo2.png" class="rollOut"  width="55" height="55" alt="" /></a>

        </div>
        <br/>
        <div style="justify;" class="fadeInDown">
                <h1>some slogan to response screen size...</h1>

            <br />
                <h3>        yes it is!</h3>

        </div>
    </div>
</header>
<div class="section ancor">
    <div class="first-heading"></div>
</div>
<div id="primary">
    <div id="left">
        <div id="object1" align='justify'>
            <br/>
            <br/>
            <p>Bla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla BlaBla Bla Bla</p>
        </div>
    </div>
    <div id="right">
        <div id="object3">
<b><h2>title</h2></b>

            <img class="align-right" alt="" src="images/poledance/dance5.jpg" class="fadeInDown" style=" width=82%; height=82%; " />
        </div>
    </div>
</div>

これは次のようになります ここに画像の説明を入力

私はレスポンシブになりたいと思います： ここに画像の説明を入力

しかし、私は現在取得しています：

ここに画像の説明を入力

結果はここで見ることができます

応答性を追加するための最良のアプローチは何ですか? フィドルを見てください

灰色の長方形をレスポンシブにするにはどうすればよいですか?

4

1 に答える 1

0

フィドルを編集し、#left,#right magin & padding とコメントしました。チェックしてください。

于 2013-05-10T17:19:00.687 に答える