View Single Post
Old 07-24-2015, 11:04 AM   #6
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,363
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by Notjohn View Post
Thank you for that! I've always put the width instruction inline, but I am tempted to do it your way in the future, just so I can have a style entitled whatever, tee hee.

Does min-width also work in a situation like that? Say width:30%; min-width:130px?
Yes, min-width works. I use that in cases such as a chapter head image or chapter division fleur. I'll use:

.whatever {width:15%; min-width:30px; max-width:120px}

to ensure the image is not too small that you can't see it, or too large that it gets all blurry, otherwise it is 15% of the screen (container) width.


Caveat: I use Sigil and Calibre to edit, and Marvin to read. I can't speak to supportability with other devices...but the html/css is sound.
Turtle91 is offline   Reply With Quote