|
What I was thinking was the <figure> would take the full viewport height (100 vh), then the image would take 80% and the caption would get 20% of the parent container (the figure). That should fit everything on one page. Of course you may need to adjust the ratio of image to caption size as needed for your image/caption.
If your device/app is too old to support vh then this method obviously wouldn’t work.
|