<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (max-height: 500px)" />
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (orientation:portrait)" />
I’ve got the above media query to target portrait and window height < 500 users, is there a way to consolidate them into one link tag using OR in media query?
Use , for OR operator.
Reference : CSS media queries
So, your code will be :