Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
CSS flexible design confusion?
I can quite happily produce HTML, CSS and or PHP sheets my confusion comes with CSS media queries and flexible design.
Basically with mobile phones in today's day and age having resolutions easily in excess of 1000 pixels how does a CSS media query work which is detecting 800 pixels. As far as I can see CSS media queries are used for changing the layout when something is about to break. Not for actually building mobile friendly sites as I can't aim for 7,8,900 pixels. As my mobile has a resolution that's not so far below my desktop.
M = 1280 X 720
D = 1360 X 768
And if I recall correctly the new iPhone is 1900 plus
How can I be sure that a mobile user is shown a mobile website using flexi design and media queries or any other method.
Any help and advice clearing up my confusion would be appreciated. Thanks
2 Answers
- Anonymous6 years ago
The actual pixel dimensions are irrelevant. The page is rendered in memory and then displayed (having been down-sampled or up-sampled as appropriate) on the screen regardless of what the physical dimensions may be.
See...
- ChrisLv 76 years ago
Use this in your <head>:
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0" />
This disables zooming.
Here's a test document for the actual width: https://dl.dropboxusercontent.com/u/995571/width.h...
Open this link on your phone. Mine has a 1920x1080 screen and says 360 in portrait mode, 598 in landscape.
