Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Relates to media queries

Posted on 2014-11-25
1
Medium Priority
?
132 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 2000 total points
ID: 40465305
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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
Suggested Courses

886 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