Solved

Understanding css media queries

Posted on 2013-12-13
3
340 Views
Last Modified: 2013-12-13
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;}
}
0
Comment
Question by:burnedfaceless
  • 2
3 Comments
 

Author Comment

by:burnedfaceless
ID: 39717199
I'm asking because I don't want to walk back into Verizon again they'll recognize it. Best to make sure on here.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39718045
with any cross-device issue on mobile.  It is mostly a matter of trial and error.  Every manufacturer define media query support differently and virtually every manufacture defines resolution differently than the standard (one virtual inch = 96 pixels with the virtual inch defined a default display circuit density unique to the device).

So all you can do is experiment until you get it right.

The state of mobile compatibility is where desktop compatiblity was in 1998 and it took more than 5 years to get manufacturers to agree on standards and another 5 for general support of the standards. With mobile it is going to be even worse because there are more manufacturers.

Cd&
0
 

Author Closing Comment

by:burnedfaceless
ID: 39718135
They're bullshit.

Bootstrap was written by some incredible nerds but php is where it's at.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now