Link to home
Start Free TrialLog in
Avatar of stargateatlantis
stargateatlantis

asked on

Having problem with CSS media queries not targeting specifc devices

I am having trouble with the CSS media queries.  The following css code isn't working to target specific devices.  I am stuck as to what I am doing wrong or what I am missing in the code.

/*Target IPAD In Portrait Mode */
@media (max-device-width: 1024px) and (orientation:portrait)
{
    
}

/*Target IPAD In Landscape Mode */
@media (max-device-width: 1024px) and (orientation:landscape)
{
    
}




/*Target Playbook In Portrait Mode */
@media (max-width:480px) and (max-height:1024px)  and (orientation:portrait)
{
   
}

/*Target Playbook In landscape Mode */
@media (min-width:480px) and (max-width:1024px)  and (orientation:landscape)
{
  
}



/* Large screens Samsung Galaxy ----------- */
@media (max-device-width : 1280px)  and (orientation:landscape)  {
   
}

@media (max-device-width : 800px)  and (orientation:portrait) {
  
}

Open in new window

Avatar of LZ1
LZ1
Flag of United States of America image

There are no declarations inside the queries. You have to put something inside of the @media selectors:

@media (max-device-width: 1024px) and (orientation:portrait)
{
 #wrapper{width:600px;}   
}

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of s8web
s8web

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial