0

私のギャラリーhttp://wordpress.org/extend/plugins/photospace-responsive/をレスポンシブにして、ブラウザーがモバイル用に縮小されたときに垂直レイアウトが水平レイアウトに変化するようにしたいと思います。

画面サイズが小さくてギャラリーが上にある場合に元に戻す方法を教えてください。

私のテストページを参照してください http://brightmist.co.uk/gallery/

メディアクエリも試しました

    .photospace_res .gal_content {
    float: left;
    width: 80%;
}

.photospace_res .thumbs_wrap2 {
    float: left;
    min-height: 800px;
    width: 20%;
}
@media all and (max-device-width: 480px) {
    .photospace_res .gal_content {
        float: none;
        width: 100%;
    }

    .photospace_res .thumbs_wrap2 {
        float: none;
        min-height: 0;
        width: 100%;
    }
}

助けてくれてありがとうジュディ

4

1 に答える 1

0

私はそれを修正し、いくつかの余分なスタイルを追加しました

    .photospace_res .gal_content {
    float: left;
    width: 80%;
}

.photospace_res .thumbs_wrap2 {
    float: left;
    width: 20%;
}

.photospace_res {
    margin: 0;
}

.photospace_res .ss-controls {
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    padding: 5px 10px;
}

@media screen and (max-width: 700px) {
    .photospace_res .gal_content {
        float: none;
        width: 100%;
    }

    .photospace_res .thumbs_wrap2 {
        float: none;
        min-height: 0;
        width: 100%;
    }
}
于 2013-04-06T20:12:43.817 に答える