Solved

Relates to media queries

Posted on 2014-11-25
1
117 Views
Last Modified: 2014-11-25
This relates to a previous question I asked . . . which I probably closed prematurely . . . answered by Gary (ID: 28567880). I hope to have some time to do some testing on my own over the holidays, but for now I'm just trying to get some "pre-testing" feedback that might help me. Thanks!

Let's say I have a media screen query that specifies that any device with a screen size of 800px width or less loads a black background, and anything over that width gets a white background. I have not made any specifications in my css as regards to orientation. Now, lets say I'm testing with an iPad which has a 768 x 1024 display. When I'm holding it in portrait mode it will load the black background, but when I rotate it to landscape it will load the white background. Is that correct? Is that what should happen? Does rotating the device force a browser refresh and hence load the style for the wider display (1024px)?  Or . . . does this only happen if you specify orientation in the css . . . in which case it would seem that an iPad (and many other phones and tablets) must have a default width and height specification. Still kind of confusing to me.
0
Comment
Question by:Thunderman54
1 Comment
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
Comment Utility
It doesn't reload the browser, the applicable css is applied.
So changing the orientation will just change the background color and thats it (like magic)
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
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…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

771 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

13 Experts available now in Live!

Get 1:1 Help Now