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 |