Is it recommended to use media query by height? In our nodewebkit app, user can resize the height of the app. When the height of browser increases, the app resizes to the system width and height.
So in this situation, if we have a really big monitor the panels may seem small and there may be lot of empty spaces in bottom as the panel's height is small or when it have less contents.
So I am asked to use use media query by height which is increasing panel height when height of the app increases. Do you guys feel this is correct and if not, do you have any other suggestions?
Bruce Lee of UX
One of the main reasons that height based responsiveness is ignored is that mobiles and tablets don't have much screen space. However, if you are trying to distinguish between large displays and very large displays, use height based media queries. Here's a demo usage : codepen.io/giodif/pen/LjwFi
Syed Fazle Rahman
Building Bug0, an AI-native E2E testing platform for modern apps - co-founder & ceo @ Hashnode
Height based media queries are powerful and underutilized tool. I don't see any problem in using them. We normally tend to ignore height based responsiveness as we are accustomed to scrolling. However, if used properly, height based media queries can result in powerful responsive designs. Give it a try.
Good luck.