Css to prevent default theme image width on mobile exceeding 100%

I’ve recently switched to default theme from Minimal in an attempt to reduce complexity of my vault.

Can anyone share a css snippet or pointer to prevent images exceeding 100% on mobile that works in live preview and reading mode? I have some images with a fixed size (img.png|500) that are trailing off screen on mobile.


This is a very strange ocurrence. Try this:

img {
max-width: 100% !important;

Thanks - that works. I was using “.markdown-preview-view img” and it wasn’t quite targeting everything.

To clarify - the original issue was only on images that were manually sized

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.