Statiq.Web icon indicating copy to clipboard operation
Statiq.Web copied to clipboard

Restrict images to fit within the container

Open 9034725985 opened this issue 6 years ago • 2 comments

Story:

What we did: Avalonia UI uses ![](images/cross-platform.png) to show an image. https://github.com/AvaloniaUI/avaloniaui.net/blob/master/wwwroot/home.md#inspection-support

Expected outcome: I expect to see a larger image fit inside a smaller container. f3d91055-bf3e-4972-8a88-06dbdb7cd6a7

What happens: Does not fit inside the container. fea8b8c2-73d2-41e4-9747-6090cea9fc00

Thank you @daveaglick

9034725985 avatar Feb 15 '18 23:02 9034725985

Totally agree - docs theme (and possibly others) should be updated with max-width styles for images.

daveaglick avatar Feb 28 '18 00:02 daveaglick

Not sure if it's new or anything, but I found an img-responsive style while looking through the Samson theme so <img src="path/to/image" class="img-responsive"> scales the image down if it's too big for the page width.

I haven't been able to figure out how to change the default image style for the markdown syntax though.

SilentSin avatar Apr 21 '19 03:04 SilentSin