2

I've received a comment on Stack Overflow from another user and wanted to read it on my smartphone, using the mobile version of the website (not the app). So I went to my profile page → activity → responses and saw this:

Clearly, the profile picture of the topmost comment is way too large. Reloading the page, close/open the browser and clearing the browser's cache didn't change anything.

What I've figured out so far:

  1. When I switch to full site from the page footer, the picture is sized correctly (i.e. it has the same dimensions as any other profile picture on the same page). Switching back to mobile from the page footer will once again lead to the same result shown above.
  2. My browser is the up-to-date version of Opera Mini on Android 6. But the exact same effect is reproducible with Chrome on the same device.
  3. The same effect can also be reproduced on my Windows 7 desktop with up-to-date versions of all major browsers: Internet Explorer, Chrome, Firefox, Opera and Vivaldi. I didn't test any other OS or browser, but at this point I think the issue is independent from from a specific platform or browser.
  4. Rotating from portrait to landscape mode (smartphone) or changing the resolution (desktop) didn't change anything. The profile picture in question is always way too large on the mobile website and correctly sized on the full site. Therefore, I think the issue is also independent from screen resolution and aspect ratio.
  5. That particular profile picture is loaded from Facebook. I do not have comments from another user with a profile pic hosted by Facebook. Thus, I cannot say whether this issue is common for all pictures from Facebook or somehow related to this particular picture.
  6. The picture seems to be a perfectly normal JPEG with 200 x 266 pixels. Nothing special.

1 Answer 1

1

Most profile image providers let you specify which avatar size you want and give you an appropriate image, but not all do. Thus we usually explicitly constrain the avatar to the correct size, but for the 24x24 pixel case in the mobile version, the CSS class was missing. Fixed in the next build, thanks!

1
  • I can confirm that the issue has been fixed for me.
    – Martin S
    Commented Sep 28, 2017 at 17:02

Not the answer you're looking for? Browse other questions tagged .