我想制作我的画廊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%;
}
}
感谢您的帮助 朱迪
最佳答案
是的,我修复了它并添加了一些额外的样式
.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%;
}
}
关于css - Photospace Gallerific wordpress 响应式垂直画廊缩略图媒体查询javascript css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15854890/