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.

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…

http://juiceboxinteractive.com/ideas/a-pixel-is-not-a-pixel-designing-new-generation-mobile-devices/

http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

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.html
Open this link on your phone. Mine has a 1920x1080 screen and says 360 in portrait mode, 598 in landscape.

  • What's this certain girly design called? I don't if there's an actual name to it. But I want to search cute backgrounds for my iPhone using it. It's like your basic girly stuff; lipstick, nail polish, high heels, make up, perfume, make up brushes, blush, and Channel. They're like drawings not actual photos. Sorry if I'm not clear but thanks for helping!
  • What's the occupation called for helping design an iPhone? I think it would be so much fun to help design in the making of iPhones. But really any electronic would do, I just want to design things. So what is this occupation called?
  • Iphone 4s unlock or locked confusion Hi. I'm buying an iphone 4s off my friend on monday to just use it as an ipod and not as a phone because i don't call so i need it just as an ipod. He is saying that it is locked and now i don't know what that will do? Will it let me use the phone normally or will it do something? Do i have to get it unlocked if i want to use it as an ipod type or something or can i still use it normally with it being locked?
  • I need an app programmer to code and design an iOS app for iphone? Looking for reasonable coder to produce my app. Where can i find amateur programmers willing to work for me?

Add Comment