Photoswipe为灯箱图像添加边距

时间:2015-01-10 14:33:36

标签: photoswipe

我在这里使用http://photoswipe.com/http://www.michelperezphoto.com/

尝试添加填充或边距,以便灯箱中显示的图像不占据屏幕的整个宽度和高度......

试过这个:     .pswp__item {         保证金:5%;     }

但是现在灯箱图像没有居中......它向右偏离中心......

非常感谢任何见解......

干杯.....

2 个答案:

答案 0 :(得分:1)

如果这有助于某人,我使用此功能获得了预期效果:

@media (min-width: 900px) { 
 .pswp__item {
    margin: 5% 5% 5% 0%;
  }
}

答案 1 :(得分:1)

我有一个边框半径和阴影应用于我的图像,使用上面的边缘技术遮盖了我的图像并且看起来不太好。我找到了一个更好的解决方案:

.pswp__img {
    transform: scale(0.9);
}