Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Relates to media queries

Posted on 2014-11-25
1
Medium Priority
?
137 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
No other job is as rewarding and demanding as building an iPhone app is. It is not really in the hands of the developer for the success of an iPhone app. Many factors operate jointly for every iOS application's success in the market.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses

581 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