UI Responsive Design - Breakpoint

Card Puncher Data Processing

UI Responsive Design - Breakpoint

About

layouts are responsive (ie change) at what is called breakpoint.

Use line measures as a factor for picking breakpoint.

Android Screen Buckets

where: 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

Example

Documentation / Reference







Share this page:
Follow us:
Task Runner