之前在焊接日记:雪猫社是如何迁移到Blocksy的中有提到过使用QQ互联的用户的QQ头像显示不正常的问题。显示不出是Blocksy为了实现懒加载没有直接使用get_avatar()来获得已经写好了的<img>标签,这个已经解决了,而显示不正常的问题迟迟没有得到修正。

首先尝试了更正CSS规则,尝试了使用object-fit:cover;,虽然对猫哥的头像起了作用,但是又出现了移动端的显示问题。

就nm很离谱

也有尝试使用transform scale来手动缩放图像,但这样会导致图像不清晰。

在猫哥头像这件事上,发觉导致显示不正常的根源,还是头像本身大小的问题。Blocksy支持的是120x120的Gravtar系头像,而猫哥头像是雪先生随便抓的740x480的图像,在纵横比上就出了问题。(虽然这依然解释不了100x100的QQ头像是如何被错误拉伸的)

雪先生发现QQ头像调用时,可以获取640x640大小的图像,而从大图像向小图像缩放时,就不会出现诡异的拉伸问题。

于是在输出头像的方法上稍微做了些修改,当要求100px以上大小的头像时,返回640px头像的链接;40px以下的,返回40px的链接(虽然因为调用方的一些问题这条其实没有生效)现在作者页就能看到正常的头像了。

终于解决了TODO List的一个问题,めてたしめてたし

届ける言葉を今は育ててる
最后更新于 2020-06-21