Does anyone have correct pixel widths...

User 2827537 Photo


Registered User
13 posts

On my design, in addition to a desktop brwoser, I've decided to set three breakpoints to fit an iPad, and iPhones 6 and 4. If I set them a tad wider than the devices, it ought to satisfy every other gizmo.

The problem is, I've scoured the internet for the correct screen pixel widths (with the devices held upright) but I'm finding three or four different opinions; even Apple gives conflicting information.
Does anyone possess such useful info please?
User 103173 Photo


VP of Software Development
0 posts

Try this resource out Freddy:

http://www.kylejlarson.com/blog/2015/ip … sign-tips/

or

https://www.google.com/search?q=iphone+ … p;ie=UTF-8
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2827537 Photo


Registered User
13 posts

Thanks, I did, and I still am as confused as before.
For example, an iPhone 6 has a pixel width of 1080. That cannot be possible, it would make the screen almost as wide as a 13" laptop! It also lists a browser size of 414 px, which seems more realistic. Is this what I should be looking for, the browser width?
User 2273654 Photo


Registered User
772 posts

https://www.responsinator.com/
The responsinator gives different devices pixels sizes
My CC S-drive site https://workhorsepainting.com
User 232214 Photo


COO
827 posts

I feel the real point here is that it does not matter. The endless number of available different display sizes means that the design has to look good at any size. 'Don't design for a specific device, design for all devices' is the philosophy behind responsive design and easily possible using the width slider and custom breakpoints in RSD.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.