1

これで頭を壁にぶつけます。" @media (max-width: 320px)" の場合、サムネイルのサイズが縮小され、その下の div がその隣の右にフロートするためのスペースが残されます。何らかの理由で動作しませんが、chrome の「要素の検査」で遊んで属性のオン/オフを切り替えると、突然動作することがあります。twitter-bootstrap を使用して、ここに bootply http://bootply.com/73043があります

@media ( max-width: 320px ) {
    .thumbnail > a > img {
        width: 40%;
    }
    .pleasewrap {
        float: right;
        display: inline-block;
        position: absolute;
    }
}

ここに画像の説明を入力

4

3 に答える 3

1

これを見ると、「pleasewrap」クラスのメディア クエリ ルールがブラウザに取り込まれていないことに関係していると思います。Chrome インスペクターで非アクティブ化して再アクティブ化すると、それが検出され、必要なことが行われます。

テンプレート スタイルシートのより高い、より一般的な (またはメディア固有でない最高の) レベルで「インライン ブロック」表示ルールを適用してみてください。

于 2013-08-09T10:16:20.857 に答える
0

http://bootply.com/73044

サムネイル div に clearfix クラスを追加し、サム用のマージン/パディングを追加しました

于 2013-08-09T08:44:34.850 に答える
0

http://bootply.com/73046

それが機能すると考えて、divのインラインの高さを置き換えます（cssに配置したときに機能しなかったので、.cssで機能します）。

于 2013-08-09T08:59:34.510 に答える