Photospace Gallerific wordpress 响应式垂直画廊缩略图媒体查询javascript css？答案

【问题标题】：Photospace Gallerific wordpress responsive vertical gallery thumbnails media queries javascript css?Photospace Gallerific wordpress 响应式垂直画廊缩略图媒体查询javascript css？
【发布时间】：2013-03-29 02:32:27
【问题描述】：

我想让我的画廊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%;
    }
}

感谢您的帮助朱迪

【问题讨论】：

标签： css plugins responsive-design galleriffic

【解决方案1】：

是的，我修复了它并添加了一些额外的样式

    .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%;
    }
}

【讨论】：