blog.wyj5211.me - Users' avatars are streched across the page

[inuyasha-660]

URL: https://blog.wyj5211.me/friends.html

Browser / Version: firefox-developer-edition
Operating System: ArchLinux
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: 项目重叠
Steps to Reproduce:
当我查看友链列表时，发现图形的形状和图标被拉伸，但当我将图像宽度由fit-content修改为auto，它正常显示，在使用同主题的其他网站能够复现

Browser Configuration

• None

From webcompat.com with ❤️

[sv-calin]

Thank you for reporting this issue, I was able to reproduce it.

Tested on:
• Browser / Version: Firefox Nightly 121.0a1 (2023-11-19) / Firefox Release 119 / Chrome 119.0.6045.124
• Operating System: Windows 10

Notes:

1. Reproducible on both Firefox Release and Nightly
2. Not reproducible on Chrome

Moving to Needsdiagnosis.

[qa_47/2023]

[inuyasha-660]

Thank you for reporting this issue, I was able to reproduce it.

Tested on: • Browser / Version: Firefox Nightly 121.0a1 (2023-11-19) / Firefox Release 119 / Chrome 119.0.6045.124 • Operating System: Windows 10

Notes:

1. Reproducible on both Firefox Release and Nightly
2. Not reproducible on Chrome

Moving to Needsdiagnosis.

[qa_47/2023]

Unluckily, the Firefox Browser Developer Edition has the same problem

[inuyasha-660]

.min-w-fit {
  min-width: -moz-fit-content;
  min-width: auto;
}

Changing min-width to atuo can solve the problem temporarily