Probably I was too verbose in my explanation. The screenshots show the purpose, that font-size is "contained by size" within a container, in this case OL. I want to constrain text in the same manner that images are constrained. The text decreases and increases in the same manner as images. Normally, a caption below an image reflows as needed. Normally, an image caption responds differently than the image. I am enclosing an example with (1) normal captions, (2) SVG caption, and image, all surrounded by an OL colored frame. The 1/10th EM font size is something I cannot figure out. It works for regular calibre viewer, but fails with content server viewer. I do not know javascript, but suspect there is an alternate way of constraining text to container. VW works for the entire screen, but fails at columns. Best regards, Pop
|