Device View Port Test Matrix - spinningideas/resources GitHub Wiki

The following information below captures the operating systems, devices, and browsers that need to be considered in general for modern websites. The three major operating systems that need to be supported are defined below along with the versions of those OS’s and the browsers available for use on each platform.

Bootstrap Viewports

  • XS max ( <576.98px )

  • SM max ( <767.98px )

  • MD min ( >=768px )

  • LG min ( >=992px )

  • XL min ( >=1200px )

  • col for mobile phones (devices with resolutions < 576px);

  • col-sm for larger mobile phones (devices with resolutions ≥ 576px);

  • col-md for tablets (≥768px);

  • col-lg for laptops (≥992px);

  • col-xl for desktops (≥1200px)

Viewports

Viewport Mode WidthRange HeightRange PrimaryDevices
Mobile Portrait IPhone
Mobile Landscape
Tablet Portrait
Tablet Landscape
Desktop Landscape

Mobile

Tablet

Desktop

Devices

IOS

IPhone

Device Mode Width Height