怎样布局变成自适应大小?在电脑和手机上呈宽度事宜的方形。

      <div class="col-md-4 padl35-x roll-animation index-modeling" data-animation="fadeInLeft" data-animation-delay="0" data-animation-offset="75%">
        <h3><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></h3>
        <div class="roll-tabs" data-effect ="fadeIn">
          <ul class="menu-tab">
            {dede:channel type='son' noself='yes'}
            <li><a href="[field:typeurl/]">[field:typename/]</a></li>
            {/dede:channel}
          </ul>
          <div class="content-tab"> {dede:channel type='son' noself='yes'}
            <div class="content-inner"> <a href="[field:typeurl/]" class="modeling-link"><img src="/skin/images/zx[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global].jpg" alt="[field:typename/]"/></a>
              <p class="desc">[field:description/]</p>
            </div>
            {/dede:channel} </div>
        </div>
      </div>