html - Tumblr 照片集百分比宽度

Question

我正在创建一个 4 列的 Tumblr 主题。每列宽度为 25%，使用 {PhotoURL-500} 图像可以缩小或扩大，无论窗口大小如何，照片集都会出现问题，它们是静态的，会使列折叠。由于我不是使用像素而是使用百分比，所以有一种方法可以使照片集适合 % 列？谢谢！

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 { width: 100% }