0

Twitter ブートストラップを使用している皆さん、こんにちは: http://twitter.github.io/bootstrap/base-css.html#tables

私はこれを止める方法をさまよっています: http://img823.imageshack.us/img823/6606/screenshotfrom201306071.png ブートストラップからテキストの上にぶつかるまで、画像のサイズをウィンドウに合わせて変更したいです。

リンク: http://www.prxa.info/articles/category/1ユーザー: test.prxa. パス: テスト

人々が含むいくつかの画像は巨大で、すべてを台無しにしないようにサイズを変更する必要があるため、ここでは最大350pxの画像が必要です.

サムネイル領域と内部の画像のカスタム css は次のとおりです。

.thumbnail
{
    width: 350px;
    height: 220px;
    display: table-cell; 
    vertical-align: middle;
}

img.tagline-img
{
    max-width: 350px;
    max-height: 220px;
}
4

2 に答える 2

0

ブートストラップから取得:

img{
    border:0;
    max-width:100%; /* Part 1:Set a maxium relative to the parent */
    width:auto\9; /* IE7-8 need help adjusting responsive images */
    height:auto; /* Part 2:Scale the height according to the width,
        otherwise you get stretching */
-ms-interpolation-mode:bicubic
}
于 2013-06-07T19:51:06.210 に答える