MobileRead Forums - View Single Post

SBT · 03-17-2012, 06:41 AM

I like to give images a width in %, then it can fill as much of the screen as you wish,independent of screen resolution. E.g. in a css-file:

Code:

img.photo { width:95%;}

If I have narrow pictures, I assume a 3x4 screen, and calculate the width accordingly,e.g. if I have an image which is 500px x 1000px, the css is

Code:

img#tall-photo {width:65%;}

03-17-2012, 06:41 AM	#2
SBT Fanatic Posts: 580 Karma: 810184 Join Date: Sep 2010 Location: Norway Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad	I like to give images a width in %, then it can fill as much of the screen as you wish,independent of screen resolution. E.g. in a css-file: Code: img.photo { width:95%;} If I have narrow pictures, I assume a 3x4 screen, and calculate the width accordingly,e.g. if I have an image which is 500px x 1000px, the css is Code: img#tall-photo {width:65%;}