09/08/2021 12:54 | Category: css

Tags: htmlcss

css for making a screen stay the size of the view

Making a screen avoid overflow when creating a single page app that should behave like an OS would was annoying. I found this CSS tidbit that I'd like to remember.

The idea is that this will keep any draggable content from resizing the screen if it overflows an edge. This helps with usability and makes the entire experience a lot cleaner.

html,
body {
  height: 100%;
}

body {
  overflow: hidden;
}