UI Responsive Design - Breakpoint
About
layouts are responsive (ie change) at what is called breakpoint.
Use line measures as a factor for picking breakpoint.
Articles Related
where: Computer Display - Device Independent Pixel (DIP)
Viewport
viewport example (ie the size of the display device)
- Ipad: 768 pixel
- Ipad Pro: 1024 pixel
- Iphone 5/SE: 320 px
- Iphone 6/7/8: 375
- Galaxy S5: 360