View Single Post
Old 04-15-2016, 03:09 AM   #24
fbrzvnrnd
Fanatic
fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.fbrzvnrnd ought to be getting tired of karma fortunes by now.
 
Posts: 559
Karma: 400004
Join Date: Feb 2009
Device: ONYX M96
Quote:
Originally Posted by Turtle91 View Post
It would really be convenient if there was a "page-height/width" or "screen-height/width" to use in CSS....maybe it'll make it into CSS4???

In the meantime, If I need the image to fill the screen, I just wrap it in SVG. If the device/app you are coding for doesn't support SVG in anything but the cover, then I'd ditch the app...lol....or just have individualized css for images that are wider than tall, and those that are higher than wide.

Code:
div.inline {text-indent:0; 
            text-align:center; 
            margin:.25em auto;
            page-break-inside:avoid}

div.tall {line-height:5}
div.wide {width:100%}

img {max-width:100%; max-height:100%}
div.wide img {width:100%}
div.tall img  {height:100%}
There is problem with tall images and ADE, when the page is very high and narrow.
Attached Thumbnails
Click image for larger version

Name:	Schermata 2016-04-15 alle 09.08.08.png
Views:	326
Size:	427.0 KB
ID:	147841  
fbrzvnrnd is offline   Reply With Quote