Originally Posted by VIPStephan
Actually, about the only thing you need to make your website responsive is CSS media queries
I read the page referred to and the the one it links to: http://css-tricks.com/resolution-specific-stylesheets/
If I understand the the idea in the link I mention above I dont understand responsive web design (and that might very well be as I have only heard the term a few days ago)
When I look at my website samtaleterapi.com
on my 13 inch macbook pro, my iPad (1. generation) and my iPhone5 - it looks all the same
The point Im wondering is: if the iPhone has almost the same screen resolution as my macbook (because it has a high ppi count), how is something like
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />
going to help me?
What I need is different stylesheets for different physical size screens - and that is what responsive web design is about isnt it?
Is there some crucial point Im dont understand?