troubleshooting Question

Understanding css media queries

Avatar of burnedfaceless
burnedfaceless asked on
CSSResponsive Web
3 Comments1 Solution415 ViewsLast Modified:
The Samsung Galaxy S3 is 1280x720 .

On my site I have the following

<style>
            @media all and (min-width: 1024px){
     #desktophide  {display:none;}
}
      @media all and (min-width: 1024px){
      img {float:right;padding-left: 10px;}

}

@media screen and (max-device-width: 480px){
      #mobilehide {display:none;}
      
                    
}
</style>

I don't want to alter my css because it seems to fit most device perfectly. So if I wanted to target the S III (and I'm assuming they have market share so this is important)

The following wouldn't mess up the site that has rendered in a forgiving manner so far:

@media only screen
and (min-device-width : 720px)
and (max-device-width : 1280px) {
#desktophide {dispay:none;}
}
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 3 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 3 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros