Giters

aizatto / character-length

Test out character length/limit for different monitor resolutions

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

character-length

Test out character length/limit in different apps/sites.

The purpose of this is to demonstrate readable character lengths.

Also see

Table generated using Tables Generator

Tested on:

  • MacBook Pro (15-inch, 2016)

This is also known as:

Display Resolutions

Device Full Resolution 1/2 1/3 1/4 1/6 Comments
MacBook Pro 13" 1440x900 840x525 560x350 420x262.5 280x175 MacBook Pro 13" Default
MacBook Pro 13" 1680x1050 840x525 560x350 420x262.5 280x175 MacBook Pro 13" "More Space"
MacBook Pro 15" 1024x640 512x320 341.33x213.33 256x160 170.66x106.66
MacBook Pro 15" 1280x800 640x400 426.66x266.66 320x200 213.33x133.33
MacBook Pro 15" 1440x900 720x450 480x300 360x225 240x150
MacBook Pro 15" 1680x1050 840x525 560x350 420x262.5 280x175 MacBook Pro 15" Default
MacBook Pro 15" 1920x1200 960x600 640x400 480x300 320x200
MacBook Pro 16" 1792x1120 896x560 573.33x373.33 448x280 298.66x186.66 MacBook Pro 16" Default
MacBook Pro 16" 2048x1280 1024x640 682.66x426.66 512x320 341.33x213.33 My Default
27" Display 2560x1440 1280x720 853.33x480 640x360 426.66x240
34" Display 3440x1440 (UWQHD) 1720x720 1146.66x480 860x360 573.33x240
38" Display 3840x1600 1920x800 1280x533.33 960x400 640x266 External Monitor
27" Display 3840x2160 (4K) 1920x1080 1280x720 960x540 640x360 Pixel Per Inch: 163
32" Display 3840x2160 (4K) 1920x1080 1280x720 960x540 640x360 Pixel Per Inch: 140
49" Display 5120x1440 2560x720 1706.66x480 1280x360 853.33x240

GitHub

GitHub doesn't work well on 960px, but then again most sites don't.

Pages to test against:

font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
height: auto;
line-height: 20px;
macOS Sierra 10.12.6 (16G29) macOS Sierra 10.12.6 (16G29)
Safari Version 11.0 (12604.1.38.1.7) Chrome Version 60.0.3112.113 (Official Build) (64-bit)
960px width - Half of MBPr 15"; Usable but requires scrolling 58 58
1280px width - 3/4s of MBPr 5"; 1/2 of 2560px; Decent 78 78
1440px width - default for MBPr 13" 87 87
1680px width - max for MBPr 13"; default for MBPr 15" 104 104
1706px width - 3/4s of 2560px 115 115
1920px width - max for MBPr 15" 120 120
2560px width 164 164

Phabricator

font-family: Menlo, Consolas, Monaco, monospace;
font-size: 11px;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
height: 60px;
line-height: 15px;
macOS Sierra 10.12.6 (16G29) macOS Sierra 10.12.6 (16G29)
Safari Version 11.0 (12604.1.38.1.7) Chrome Version 60.0.3112.113 (Official Build) (64-bit)
Viewing a Diff
960px width - Half of MBPr 15" 58 58
1280px width - 3/4s of MBPr 5"; 1/2 of 2560px; Decent 82 82
1706px width - 3/4s of 2560px
1920px width - MBPr 15" 141 141
2560px width 179 179

About

Test out character length/limit for different monitor resolutions