0

tumblr 是否有任何网格主题在横向和纵向方面的照片中使用相同像素区域的缩略图？我发现的几乎所有网格主题都让您选择许多列（1、2、3）使用 {PhotoURL-400} 浏览博客。这导致每张风景照片占据的面积不到肖像照片的一半，并且基本上对它们的重要性较低。

URL 的宽度由 tumblr 固定，高度各不相同。
此处的示例假定纵横比为 3:2 或 2:3：
URL横向肖像
500 500x333（166,500 像素） 500x750（375,000 像素）
400 400x267（106,000 像素） 400x600（240,000 像素）

我正在寻找一个主题，其中风景图像将使用 {PhotoURL-500} (500x333)，而肖像图像将使用（Photo-URL400 或 500），这超出了需要，但可以缩小到 333x500 到覆盖与风景图像相同的区域。这也意味着每行的列数可能会有所不同，具体取决于该行内容的纵横比。是的，会有间隙（又名空白），但使用空白可能很好！

谢谢

例子

4

1 回答 1

0

据我所知，这样的主题是不存在的。

该效果可以使用 JavaScript 来实现，方法是同时指定每个帖子的{PhotoURL-500}和{PhotoURL-400}，然后计算每张照片的纵横比，并据此确定要使用的来源及其渲染大小。

然后，您可以使用Masonry（或简单的 CSS float，如果您想要图表中的那种布局）将帖子排列成网格。

于 2015-05-19T16:08:37.813 回答