On Mon, Mar 08, 2021 at 04:11:42PM +0100, David Kalnischkies wrote:
> ```css
> .screenshot { text-align: center; }
> .screenshot img { width: 100%; max-width: max-content; }
> ```
And of course, I forgot to mention:
```css
.screenshot img { image-rendering: crisp-edges; }
```
which might be helpful regardless of adopting the previous stanza as it
hints the renderer to not use a "smooth" scaling algorithm more suited
for normal pictures and instead be more pixely which looks more like
a terminal would look like.
Different browsers use different scaling algorithms and different
heuristics if left to their own devices which could explain why the
initial reporter saw blur while Axel isn't.
Best regards
David Kalnischkies
signature.asc
Description: PGP signature
