确保内容位于视口中

I'm trying to design a page which works on many different types of display sizes. Right now I have an important piece of content (a small rectangle showing current status, essentially) which is absolutely positioned inside a relatively positioned container. This gives the desired behavior when the page is loaded in a device with a large screen: the content appears "above the fold" (no scrolling needed) at the intended position.I'm trying to design a page which works on many