You can set your root layout to be a certain percentage of the browser window and then it will be bigger on bigger screens and smaller on smaller screens. I think there’s some way to get the actual size in pixels of the browser window, but I haven’t had to use that before. Searching the forum should help. Then you can add a
window resize listener
as well in case a user makes the widow larger/smaller than whatever the threshold is you’re using.
For your second question, if you want a scroll bar to be inside a panel instead of outside of it, then you need to limit the size of the panel vertically and let the content inside it grow instead. In that case, you may need to set the panel height to an exact pixel size, though setting it to a percentage of the browser window may work. Then the content inside it can grow larger. You may want to try a simple app for this that only has a panel and then a for loop to add a hundred labels or so…