tumblr photoset百分比宽度(Tumblr photoset percentage wi

2019-09-23 16:35发布

我创建一个4科拉姆的Tumblr主题。 每列的宽度为25%,并使用{PhotoURL-500}图像缩小或不管窗口大小的扩大OK,问题自带的photosets,它们是静态的,使列崩溃。 由于我不是个像素,但有个工作有做的photosets的方式拟合在%列? 谢谢!

Answer 1:

在主题的HTML这种替换当前photoset块:

{block:Photoset}
<div class="photoset content">
    {block:Photos}
    {block:Photo1}{/block:Photo1} 
        <div class="photoset_div">
            <img src="{PhotoURL-500}" class="photo_img" />
        </div>                      
    {/block:Photos}
    {block:Caption}
    <div class="caption">{Caption}</div>
    {/block:Caption}
</div>
{/block:Photoset}

在你的样式,只是让你的.photoset_div IMG {宽度:100%}



文章来源: Tumblr photoset percentage width