Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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?

#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.