I have this set on my theme right now to 600px max width, it looks good on vertical and horizontal monitors
The code looks like this
/* Reduce Total Size of Markdown Images, use Imagus for full preview*/
.node-displayed-image {
max-width: 600px;
max-height: 600px;
}
It maintains image aspect ratio. So if you had a 900px (horizontal) x 1200px (vertical)
image, it will be rescaled down to 450px x 600px
.
If you had a 1200px X 100px
image, it will be scaled down to 600px X 50px
I made my own theme and this is the one I run at the moment, I updated it every so often when I notice some UI / UX improvements
I currently set every image to be INLINE, I actually rarely use image hovering over anymore. Partially because Iād rather just scroll through a page and see / grok everything at the same time
It works great with dynalist pro image uploader
https://userstyles.org/styles/144225/dynalist-simple-colors-for-default-theme