1

これが私のhtmlです

<div id="contentBox" style="margin:0px auto; width:100%">      

    <div align="left" id="column1" style="float:left; margin:0; width:37%;">
            <ul class="tmo_list">
                <strong>
          Commercial Buildings<br><br>
          Shopping Centers<br><br>
          Dumpster Pads<br><br>
          Decks & Patio<br><br>
          Store Fronts<br><br>
          Restaurants<br><br>
          Drive Ways<br><br>
          Awnings<br><br>
                </strong>
            </ul>

    </div>

    <div class="wrapper">
        <img src="images/pressurewashing.jpg"/>
    </div>


    <div align="right" id="column3" style="float:right; margin:0; width:37%;">
            <ul class="tmo_list">
                <strong>
          Office Buildings<br><br>
          Business Signs<br><br>
          Loading Docks<br><br>
          Rust Removal<br><br>
          Wood Fences<br><br>
          Gas Stations<br><br>
          Bus Stops<br><br>
          Homes<br><br>
                </strong>
            </ul>

    </div>
</div>

ここに私のcssがあります

.wrapper img {
display: inline-block;
max-width: 100%;
height: auto;
width: auto;
}

私はいくつかのチュートリアルを主に読んでい ます http://www.fredparke.co.uk/blog/using-max-width-resize-images-dynamically と How can I resize a image dynamic as the CSS as the browser width/height変化？ cssで 画像のサイズを動的に変更する方法は?

運が悪いので、物事を変えるのにうんざりしています...とてもイライラします。列3に重ねられた画像が得られますが、画像のサイズが変更されることはありません...

4

1 に答える 1

1

サイズは変更されます。フィドルは次のとおりです。http://jsfiddle.net/TCdsK/

どのブラウザを使用していますか? でみましたmozilla and chrome。

また、大きなサイズの画像があることを確認してください。小さな画像がある場合、css は伸びません。小さな画像のフィドルは次のとおりです http://jsfiddle.net/TCdsK/1/

これがあなたが探している3列のレイアウトです

http://jsfiddle.net/TCdsK/3/

于 2013-07-14T05:22:50.090 に答える