CODEWITHSUNDEEP
iphonecssresponsive-designscreen-resolution
Lisa Jacobs
Lisa Jacobs

Reputation: 53

Choosing the appropriate wrapper sizes in responsive design

With all types of screen resolutions and devices - desktop or mobile, it's kind of hard to pick the right widths for your website. In my case, the website is to present a photographer's work so I've opted for these widths:

But say an iphone 4S (native res is 960 x 640) is positioned vertically, what wrapper would the device display? Would it resize the 1000px wrapper into 640px or would it pick the 480px?

Upvotes: 1

Views: 687

Answers (1)

2507rkt3
2507rkt3

Reputation: 21812

You'll want to start by learning the basics of Responsive design. Check out : http://www.abookapart.com/products/responsive-web-design

Due to the ever changing nature of device sizes, you may want to avoid trying to target specific devices/resolutions. Start with a narrow screen and expand your window until the layout breaks. Add a breakpoint there. Continue expanding and adding breakpoints as your content dictates.

Upvotes: 1

Related Questions