Structuring CSS media queries with screen height and width fixed to device height and width

I am building mobile game app in Vue 2 with cordova wrapper. I am really stuggling the make the app responsive in various smartphones and tablets. The height of the screen and width of the screen is NOT supposed to be scrollable. This is giving me lots of problems for responsiveness. Could someone really help me structure the css with media queries using height and width and device screen ratio probably? Any help would be really appreciated. Thank you

I have tried using media queries but structuring them and making sure two devices don’t overlap is creating me issues.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.