Screen Size and Web Design
iPhone Display Size(inches)
Diagonal measure of the screen, from corner to corner.
iPhone Screen Size(points)
Designing for the web(using CSS or JavaScript). Retina screens have higher pixel density.
iPhone Rendered Pixels
Create an image and want it at the max resolution.
iPhone Physical Pixels
This is the actual screen’s pixel resolution.
iPhone 6 Plus
5.5 in (Display Size)
414 x 736 points (Screen Size Points)
1242 x 2208 pixels (Rendered Pixels 3 x multiple of points used for creating images)
1080 x 1920 pixels (Physical Pixels)
Some website they provide the Device List
http://www.viewportemulator.com/devices/
http://viewportsizes.com/
Here are some popular devices now
iPhone 6
iPhone 6 Plus
iPhone 5S
iPad Mini 2
iPad Air 2
This website is really amazing.
https://www.browserstack.com
References:
http://www.kylejlarson.com/blog/2015/iphone-6-screen-size-web-design-tips/
http://viewportsizes.com/?filter=iphone%205
https://www.browserstack.com/responsive
http://www.viewportemulator.com/devices/
iPhone Display Size(inches)
Diagonal measure of the screen, from corner to corner.
iPhone Screen Size(points)
Designing for the web(using CSS or JavaScript). Retina screens have higher pixel density.
iPhone Rendered Pixels
Create an image and want it at the max resolution.
iPhone Physical Pixels
This is the actual screen’s pixel resolution.
iPhone 6 Plus
5.5 in (Display Size)
414 x 736 points (Screen Size Points)
1242 x 2208 pixels (Rendered Pixels 3 x multiple of points used for creating images)
1080 x 1920 pixels (Physical Pixels)
Some website they provide the Device List
http://www.viewportemulator.com/devices/
http://viewportsizes.com/
Here are some popular devices now
iPhone 6
iPhone 6 Plus
iPhone 5S
iPad Mini 2
iPad Air 2
This website is really amazing.
https://www.browserstack.com
References:
http://www.kylejlarson.com/blog/2015/iphone-6-screen-size-web-design-tips/
http://viewportsizes.com/?filter=iphone%205
https://www.browserstack.com/responsive
http://www.viewportemulator.com/devices/