View Single Post
Old 09-16-2021, 12:38 PM   #4
theducks
Well trained by Cats
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 31,079
Karma: 60358908
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
Ooooo!
Stand by for many different opinions

Me, myself and I rotate maps to match the aspect of the device (typically Portrait) rather than the PC (landscape).
so they can fill the screen space.
I also use 0 margins (inherited to the image)

The other thing I do is make sure the width and height styles ARE NOT absolutes . That locks the sizes. Use % and auto (some devices may not honor this) values, this means it will adjust to fit. In addition, using max-width or max-height in absolutes Limits the size to keep the distortion within limits.

(I keep my editor preview window the same size as my device)
In the CSS find the class assigned to the image, try:

width: 100% /* was 1080px */ ;
height: auto /* was 1920px */ ;
(I commented out the old values just in case. YMMV)
theducks is offline   Reply With Quote