MobileRead Forums - View Single Post

GMcG · 06-07-2013, 02:39 AM

My understanding is, that preserveAspectRatio means, that the proportions of the picture shall be kept the same even on a smaller display.
Your original image with 1200 x 800 has an aspect ratio of 3 : 2.
The kindle has a display with 800 x 600, which is 4 : 3.
So the picture is shown correctly with 800 x 533 (3 : 2). Without those white stripes at the sides (height=100% and width=100%) you would get a distortion and not a preserved aspect ratio. So it is either height=100% or width=100% if the display has different proportions. You don't get both.
If you can risk the distortion try it without wrapper but with height=100%, width=100% in the img tag.

George

Edit: There is no closing tag for <image> like it is with <p>.....</p> or <h1>.....</h1>.
Delete </image>.

06-07-2013, 02:39 AM	#8
GMcG Writer Posts: 101 Karma: 590630 Join Date: Mar 2011 Location: Munich, Germany Device: none	My understanding is, that preserveAspectRatio means, that the proportions of the picture shall be kept the same even on a smaller display. Your original image with 1200 x 800 has an aspect ratio of 3 : 2. The kindle has a display with 800 x 600, which is 4 : 3. So the picture is shown correctly with 800 x 533 (3 : 2). Without those white stripes at the sides (height=100% and width=100%) you would get a distortion and not a preserved aspect ratio. So it is either height=100% or width=100% if the display has different proportions. You don't get both. If you can risk the distortion try it without wrapper but with height=100%, width=100% in the img tag. George Edit: There is no closing tag for <image> like it is with <p>.....</p> or <h1>.....</h1>. Delete </image>. Last edited by GMcG; 06-07-2013 at 08:06 AM.