Connect with us

iPhone SE — Screen sizes and interfaces compared!

Apple News

iPhone SE — Screen sizes and interfaces compared!

What, if anything else, are you lacking at the small display? Here's how iPhone SE stacks as much as the larger presentations on iPhone 6s and iPhone 6s Plus!

After going large and larger with the 4.4-inch and 5.5-inch iPhones, Apple has again to the 4-inch monitor measurement with iPhone SE, which concentrates down all of the energy of an iPhone 6s right into a frame that appears identical to an iPhone 5s. That makes it the smallest iPhone of this era... in each and every method.

So, how does reachability and pocketability stability towards visibility and scalability? Let's in finding out!

Display sizes

All up to date iPhones have a 16:9 side ratio, the similar as top-definition tv (HDTV). Here are the display sizes:

  • iPhone SE: 4 (3.48 × 1.96) inches .
  • iPhone 6s: 4.7 (4.1 × 2.3) inches .
  • iPhone 6s Plus: 5.5 (4.79 × 2.7) inches.

Pixel counts

The quantity of pixels you get on each and every monitor works out to:

  • iPhone SE: 1136 x 640 (727,040 overall) at 326 ppi.
  • iPhone 6s: 1334 x 750 (1,000,500 overall) at 326 ppi.
  • iPhone 6s Plus: 1920 x 1080 (2,073,600 overall) at 401 ppi.

iPhone 6s Plus is in fact 2208x1242 internally (2,742,336 overall) however scaled down for show. That makes it, internally, virtually iPad large:

That inner pixel rely makes designing more uncomplicated. It's precisely 3x the bottom iPhone solution in comparison to iPhone SE's 2x. Aside from desiring to pressure and slash all the ones pixels, although, they are now not very significant to us at this time.

Interfaces

What is significant is how all of them paintings. Here's how textual content and the keyboard glance in portrait mode:

And listed here are photograph collections:

Because of the additional area, there are a couple of instances the place you get an elevated interface in portrait mode:

It's in panorama the place the diversities grow to be... extra other. The keyboards at the larger iPhones get extra keys as smartly.

Tabs get a different remedy in Safari.

And on iPhone 6s Plus, there is fortify for iPad-taste cut up view format, because of this columns aspect via aspect.

How essential that finally ends up being to you'll rely on how steadily you employ your iPhone in panorama, in fact.

Where the smaller measurement is helping really, on the other hand, is one-passed ease of use — achieving around the monitor to succeed in any space at the monitor.

Hands-on

The large and larger iPhones 6s be offering additional info — or larger knowledge in zoom mode — however they are now not as simple to make use of one passed. iPhone SE does not come up with as large a window into apps and the internet, however wow however it is simple to care for.

So all of it comes down to what is so much essential to you, the small, tremendous-handy measurement, or the large, tremendous-tough display.

<!--*/ <!--*/ img width: 100%; .devicebox ul show: desk; margin: 0 0 10px; width: 100%; .devicebox ul li historical past: #f7f7f7; margin: 2px 0; padding: 4px 15px; .devicebox ul li:hover historical past: #fff; .devicebox ul li:prior to show: none; .devicebox p ~ p line-peak: 1.25; .devicebox p:first-of-sort + p padding: 15px; .devicebox a.purchase-hyperlink border-radius: 5px; show: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; textual content-align: middle; .devicebox a.purchase-hyperlink, .devicebox a.purchase-hyperlink:hyperlink, .devicebox a.purchase-hyperlink:lively, .devicebox a.purchase-hyperlink:visited historical past: #37B5D7; colour: #FFF; .devicebox a.purchase-hyperlink:hover history: #2694B2; textual content-ornament: none; .devicebox a.purchase-hyperlink:sooner than content material: "e61e"; font: 40px/0 "ac_iconset" !necessary; margin: 0 3px 0 -8px; vertical-align: center; /* PORTRAIT */ div *:now not(:ultimate-of-sort):now not(div) + .devicebox, div .netshelter-advert + .devicebox:now not(:nth-ultimate-of-sort(3)) drift: proper; margin: 0 0 20px 20px; max-width: 350px; width: 50%; div *:now not(:ultimate-of-sort):now not(div) + .devicebox h3, div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) h3 textual content-align: middle; div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink, div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) a.purchase-hyperlink margin: 0 5px 8px 0; width: calc(50% - 5px); div *:now not(:final-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(even), div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) .devicebox a.purchase-hyperlink:final-kid, div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(even), div .netshelter-advert + .devicebox:now not(:nth-ultimate-of-sort(3)) .devicebox a.purchase-hyperlink:ultimate-kid margin-proper: 0; div *:now not(:remaining-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(bizarre):remaining-kid, div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) a.purchase-hyperlink:nth-kid(bizarre):ultimate-kid show: block; margin-proper: 0; width: car; /* LANDSCAPE */ @media all and (min-width: 1025px) .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox padding: 20px 0 25px; .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox .video, .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:remaining-of-sort ~ .devicebox h3 + p go with the flow: left; margin: 0 30px 0 0; width: calc(100% - 375px); .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div :remaining-of-sort ~ .devicebox h3 + p backside: 20px; show: block; overflow: hidden; place: absolute; most sensible: 59px; .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p img, .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p > img place: absolute; most sensible: 50%; turn out to be: translateY(-50%); .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p, .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox ul field-sizing: border-field; margin-left: calc(100% - 345px); width: 340px; .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p.listing-head margin-most sensible: -5px; @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px), all and (max-width: 500px) div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink margin: 0 5px 8px 0; width: calc(50% - 5px); div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(even), div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:remaining-kid margin-proper: 0; div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(peculiar):remaining-kid show: block; width: vehicle; @media all and (max-width: 800px) and (min-width: 660px) div *:ultimate-of-sort ~ .devicebox padding: 20px 0 25px; div *:ultimate-of-sort ~ .devicebox .video, div *:final-of-sort ~ .devicebox h3 + p flow: left; margin: 0 30px 0 0; width: calc(100% - 375px); div :final-of-sort ~ .devicebox h3 + p backside: 20px; show: block; overflow: hidden; place: absolute; most sensible: 59px; div *:final-of-sort ~ .devicebox p img, div *:ultimate-of-sort ~ .devicebox p > img place: absolute; most sensible: 50%; develop into: translateY(-50%); div *:final-of-sort ~ .devicebox p, div *:final-of-sort ~ .devicebox ul field-sizing: border-field; margin-left: calc(100% - 345px); width: 340px; div *:final-of-sort ~ .devicebox p.record-head margin-most sensible: -5px; @media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) and (min-width: 501px) div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:sooner than, div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) a.purchase-hyperlink:ahead of show: none; @media all and (max-width: 660px), all and (max-width: 1024px) and (min-width: 801px) div *:ultimate-of-sort ~ .devicebox h3 textual content-align: middle; div :remaining-of-sort ~ .devicebox ul, div :final-of-sort ~ .devicebox p show: block; @media all and (max-width: 660px) and (min-width: 501px), all and (max-width: 1024px) and (min-width: 801px) div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink margin: 0 5px 8px 0; width: calc((100% / 3) - 7px); div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n):nth-remaining-kid(abnormal), div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n):nth-remaining-kid(n+3) margin-proper: 0; div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-remaining-of-sort(2), div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-final-of-sort(2) ~ a, div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-ultimate-of-sort(4), div *:ultimate-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-remaining-of-sort(4) ~ a width: calc(50% - 5px); div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-final-of-sort(2) ~ a:nth-remaining-of-sort(bizarre), div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-ultimate-of-sort(4) ~ a:nth-ultimate-of-sort(strange) margin-proper: 0; div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(ordinary):ultimate-kid show: inline-block; @media all and (max-width: 800px) div *:remaining-of-sort ~ .devicebox margin: 0 0 30px; max-width: none; width: car; @media all and (max-width: 500px) .devicebox, div *:now not(:remaining-of-sort):now not(div) + .devicebox, div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) drift: none; margin: 0 0 30px; max-width: none; width: car; .devicebox a.purchase-hyperlink:ahead of show: none; .web page-admin .devicebox max-width: 350px; .web page-admin .devicebox .video_iframe place: relative; peak: 0; padding-backside: 56.9%; .web page-admin .devicebox .video_iframe iframe width: 100%; peak: 100%; place: absolute; /*-->*/ /*-->*/ /*-->*/
<!--*/ <!--*/ img width: 100%; .devicebox ul show: desk; margin: 0 0 10px; width: 100%; .devicebox ul li history: #f7f7f7; margin: 2px 0; padding: 4px 15px; .devicebox ul li:hover historical past: #fff; .devicebox ul li:ahead of show: none; .devicebox p ~ p line-peak: 1.25; .devicebox p:first-of-sort + p padding: 15px; .devicebox a.purchase-hyperlink border-radius: 5px; show: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; textual content-align: middle; .devicebox a.purchase-hyperlink, .devicebox a.purchase-hyperlink:hyperlink, .devicebox a.purchase-hyperlink:lively, .devicebox a.purchase-hyperlink:visited historical past: #37B5D7; colour: #FFF; .devicebox a.purchase-hyperlink:hover history: #2694B2; textual content-ornament: none; .devicebox a.purchase-hyperlink:prior to content material: "e61e"; font: 40px/0 "ac_iconset" !necessary; margin: 0 3px 0 -8px; vertical-align: center; /* PORTRAIT */ div *:now not(:final-of-sort):now not(div) + .devicebox, div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) drift: proper; margin: 0 0 20px 20px; max-width: 350px; width: 50%; div *:now not(:ultimate-of-sort):now not(div) + .devicebox h3, div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) h3 textual content-align: middle; div *:now not(:final-of-sort):now not(div) + .devicebox a.purchase-hyperlink, div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) a.purchase-hyperlink margin: 0 5px 8px 0; width: calc(50% - 5px); div *:now not(:final-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(even), div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) .devicebox a.purchase-hyperlink:final-kid, div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(even), div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) .devicebox a.purchase-hyperlink:final-kid margin-proper: 0; div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:nth-kid(atypical):ultimate-kid, div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) a.purchase-hyperlink:nth-kid(ordinary):remaining-kid show: block; margin-proper: 0; width: vehicle; /* LANDSCAPE */ @media all and (min-width: 1025px) .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox padding: 20px 0 25px; .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox .video, .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:remaining-of-sort ~ .devicebox h3 + p go with the flow: left; margin: 0 30px 0 0; width: calc(100% - 375px); .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div :remaining-of-sort ~ .devicebox h3 + p backside: 20px; show: block; overflow: hidden; place: absolute; most sensible: 59px; .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox p img, .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p > img place: absolute; most sensible: 50%; develop into: translateY(-50%); .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p, .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:ultimate-of-sort ~ .devicebox ul field-sizing: border-field; margin-left: calc(100% - 345px); width: 340px; .article-frame-wrap > div:now not(.columns-3) > *:first-kid:now not(.sticky-wrapper) div *:final-of-sort ~ .devicebox p.listing-head margin-most sensible: -5px; @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px), all and (max-width: 500px) div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink margin: 0 5px 8px 0; width: calc(50% - 5px); div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(even), div *:final-of-sort ~ .devicebox a.purchase-hyperlink:ultimate-kid margin-proper: 0; div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(peculiar):final-kid show: block; width: vehicle; @media all and (max-width: 800px) and (min-width: 660px) div *:final-of-sort ~ .devicebox padding: 20px 0 25px; div *:final-of-sort ~ .devicebox .video, div *:remaining-of-sort ~ .devicebox h3 + p glide: left; margin: 0 30px 0 0; width: calc(100% - 375px); div :final-of-sort ~ .devicebox h3 + p backside: 20px; show: block; overflow: hidden; place: absolute; most sensible: 59px; div *:remaining-of-sort ~ .devicebox p img, div *:final-of-sort ~ .devicebox p > img place: absolute; most sensible: 50%; develop into: translateY(-50%); div *:final-of-sort ~ .devicebox p, div *:final-of-sort ~ .devicebox ul field-sizing: border-field; margin-left: calc(100% - 345px); width: 340px; div *:ultimate-of-sort ~ .devicebox p.record-head margin-most sensible: -5px; @media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) and (min-width: 501px) div *:now not(:ultimate-of-sort):now not(div) + .devicebox a.purchase-hyperlink:prior to, div .netshelter-advert + .devicebox:now not(:nth-final-of-sort(3)) a.purchase-hyperlink:sooner than show: none; @media all and (max-width: 660px), all and (max-width: 1024px) and (min-width: 801px) div *:ultimate-of-sort ~ .devicebox h3 textual content-align: middle; div :final-of-sort ~ .devicebox ul, div :final-of-sort ~ .devicebox p show: block; @media all and (max-width: 660px) and (min-width: 501px), all and (max-width: 1024px) and (min-width: 801px) div *:ultimate-of-sort ~ .devicebox a.purchase-hyperlink margin: 0 5px 8px 0; width: calc((100% / 3) - 7px); div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n):nth-remaining-kid(unusual), div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n):nth-ultimate-kid(n+3) margin-proper: 0; div *:ultimate-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-remaining-of-sort(2), div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-final-of-sort(2) ~ a, div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-ultimate-of-sort(4), div *:ultimate-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-ultimate-of-sort(4) ~ a width: calc(50% - 5px); div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-remaining-of-sort(2) ~ a:nth-final-of-sort(ordinary), div *:remaining-of-sort ~ .devicebox a.purchase-hyperlink:nth-of-sort(3n+1):nth-ultimate-of-sort(4) ~ a:nth-ultimate-of-sort(ordinary) margin-proper: 0; div *:final-of-sort ~ .devicebox a.purchase-hyperlink:nth-kid(abnormal):ultimate-kid show: inline-block; @media all and (max-width: 800px) div *:final-of-sort ~ .devicebox margin: 0 0 30px; max-width: none; width: vehicle; @media all and (max-width: 500px) .devicebox, div *:now not(:final-of-sort):now not(div) + .devicebox, div .netshelter-advert + .devicebox:now not(:nth-remaining-of-sort(3)) drift: none; margin: 0 0 30px; max-width: none; width: car; .devicebox a.purchase-hyperlink:ahead of show: none; .web page-admin .devicebox max-width: 350px; .web page-admin .devicebox .video_iframe place: relative; peak: 0; padding-backside: 56.9%; .web page-admin .devicebox .video_iframe iframe width: 100%; peak: 100%; place: absolute; /*-->*/ /*-->*/ /*-->*/
Comments

More in Apple News

To Top