Topic: Make tab height adjust to screen resolution
How can I make the tab height adjust to the screen resolution? I'm currently controlling the tab height using this style -- height: 540px; overflow-y: scroll; overflow-x: hidden;
It looks good for screen resolution 1366x768. But when the resolution is increased to 1536x864 , the tab height looks short. How can I make the height adjust automatically? I tried using percentage but I can't seem to make it work.
Any advice please? Thanks!
One solution setsvh and vw. More info about it you can find here: https://alligator.io/css/viewport-units/
Or better way you can add media in css to sets breakpoints.
More info about it you have in this article: https://alligator.io/css/media-queries/
Tell me if you still have a problem. You can also provide me code.
Best, Konrad.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.3
- Device: Laptop
- Browser: Chrome
- OS: Win 10
- Provided sample code: No
- Provided link: No