我在使用Photowipe时遇到了图像大小问题。 基本上,这就是我的照片库现在的样子:http://img4.imageshack.us/img4/8431/problemeq.png
我插入的照片之间有间隙。 我基本上不使用缩略图,而是传递原始照片。 但是我尝试将照片大小调整为大约缩略图大小,但是,它所做的只是保持相同的尺寸并降低显示照片的质量。
我希望它看起来像这样而不会挤压照片:http://img651.imageshack.us/img651/9199/exampleiq.png
我将高度固定为 200px 而不是"自动",因此在更改窗口分辨率时它确实会拉伸照片。
我错过了什么?我不认为这是照片擦除问题;很可能是 CSS,但我不知道该更改什么。任何帮助将不胜感激。谢谢!
附言对不起,链接,但我还不能发布图片。
这似乎是一个被遗弃的问题,但在回答后它得到了我。另外,没有看到 OP 代码有点棘手,但假设它是相当原始的 photowipe,这是我的答案......
简而言之,用这些替换库存div.gallery-item
、div.gallery-item a
和div.gallery-item img
,并添加一些img
调整。
div.gallery-item {
float:left;
width: 33.3333333%;
padding-bottom: 33.3333333%;
position: relative;
}
div.gallery-item a {
position:absolute;
width:100%;
height:100%;
background:#fff;
text-align:center;
border:1px solid #3c3c3c;
}
div.gallery-item img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
img{
max-height:100%;
max-width:100%;
}
这是一个小提琴(不是用照片擦拭,而是它的主要要点)