0

誰かがこのコードをざっと見てアドバイスをくれれば、それは大歓迎です。

iPad と PC の両方の画面で正しくサイズ変更される画像がいくつかあります。ただし、電話で試してみたり、ブラウザのウィンドウ サイズを小さくするとすぐに、画像のサイズが正しく変更されません。

CSS:

.col-md-2 {   
    width: 16.66666667%;   
}

HTML:

<div class="col-md-2 col-sm-4">
    <div class="timeline-thumb">
        <div class="thumb">
            <img src="images/timeline6.jpg" alt="">
        </div>
        <div class="overlay">
            <div class="timeline-caption">
                <a href="#"><h4>Wrapping Services</h4></a>
                <p>Click for more info</p>
            </div>
        </div>
    </div>
</div>

画像は幅 170px で、1 行に 6 個あります。マウスをそれらの上に置くと、(CSS を介して) すべてが灰色で強調表示されます。

ブラウザのサイズを電話のサイズに変更すると、以前よりも大きくなります!

アドバイスをいただければ幸いです。

誰かがこの件について知識があり、助けてくれる場合は、私に連絡して、必要な情報を提供してください.

ありがとう。

4

2 に答える 2

0

Bootstrap を使用しているかどうかを理解しようとしています。その場合、小型デバイス用のクラスを追加する必要があります。「col-md-2 col-sm-4」である DIV 要素に col-xs-4 または col-xs-6 を追加してみてください。

于 2015-12-07T17:23:44.630 に答える