Home › Forums › CSS › [HELP!] How can I keep all of a page's content within the viewport? › Reply To: [HELP!] How can I keep all of a page's content within the viewport?
March 30, 2017 at 4:28 am
#253282
Atelierbram
Participant
Tough one, bordering on impossible. So setting the outer container height on height: 100vh
and then grids and media-queries and small font-sizes on smaller screens and/or with large amount of content can solve it, but might render it unreadable on some smaller devices and/or with large amounts of data.
So maybe the solution would be to limit the amount of data being shown, and/or truncate text with something like text-overflow: ellipsis
in combination with the 100vh
viewport unit on the body-element or page-container.