Photospace Gallerific wordpress响应垂直画廊缩略图媒体查询JavaScript的CSS？

Question

我想让我的图片库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%; 
    } 
} 

感谢您的帮助 朱迪

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