Solved

Relates to media queries

Posted on 2014-11-25
1
125 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
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

Guide to Performance: Optimization & Monitoring

Nowadays, monitoring is a mixture of tools, systems, and codes—making it a very complex process. And with this complexity, comes variables for failure. Get DZone’s new Guide to Performance to learn how to proactively find these variables and solve them before a disruption occurs.

Question has a verified solution.

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

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
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…
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…

756 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