You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The canvas scales with the width of the viewport and ignores the height. This means that if the display is very wide, the canvas can get so tall that the page overflows, with the canvas itself potentially being taller than the display. For the main page with the game in particular, I think we should avoid allowing it to scroll at all and automatically cap the height of the canvas to reflect that, but other pages should be allowed the scroll.
One way to solve this is to set max-height: 80vh or some other number for the canvas, but it would be good to avoid hard-coding in case we change the height of the footer or header which could potentially require a new number.
This can also be accomplished pretty easily using JavaScript reacting whenever the page scales, but a pure CSS solution would be better.
The text was updated successfully, but these errors were encountered:
The canvas scales with the width of the viewport and ignores the height. This means that if the display is very wide, the canvas can get so tall that the page overflows, with the canvas itself potentially being taller than the display. For the main page with the game in particular, I think we should avoid allowing it to scroll at all and automatically cap the height of the canvas to reflect that, but other pages should be allowed the scroll.
One way to solve this is to set
max-height: 80vh
or some other number for the canvas, but it would be good to avoid hard-coding in case we change the height of the footer or header which could potentially require a new number.This can also be accomplished pretty easily using JavaScript reacting whenever the page scales, but a pure CSS solution would be better.
The text was updated successfully, but these errors were encountered: