Can I use @media screen and (orientation:portrait) {} to make my code work on mobile devices only?
I believe that cell phones and smartphones are the only ones that have $(window).height() greater than $(window).width() or screen height greater than width.
No, because smartphones and tablets get landscape when rotated. So it's good to also specify limits on "px".
has media queries standards for devices. But each layout is a layout , so it is based on this pattern but tests the page breakpoints and edits the media queries > as needed.You can manually do this by decreasing the size of the browser window by using extensions (I use this > in Chrome) or sites as that .
