OS Details

MacBook Pro 16″ 2019 has been launched in Mid 2019.
MacBook Pro 16″ 2019 have macOS Catalina

Device Size

MacBook Pro 2019 screen size is 16 inch screen . Physical dimensions for MacBook Pro 16″ 2019 device is 14.09 x 0.64 x 9.68 INCH or ( 35.79 x 1.62 x 24.59 CM).

Displaying of Units are in this order "Width x Height x Depth"

Screen Pixel Density and CSS Pixel Ratio

"Pixel" is smallest unit/element of any display.

The total number of pixels that fit into an inch is referred to as "Screen Density" or "Pixel Density" and it measured as "Pixels Per Inch".
Pixel Desnsity have limits to display Pixels Per Inch depends on different screen sizes. When number of pixels per inch increases than it's screen-size limit, the Display resolution will increase but actual device width/height in pixels remain same. Actual device pixels are known as Device Independent Pixels or CSS Pixel Ratio.

MacBook Pro 16″ 2019 resolution is 3072 x 1920 ^PX with ~ 226 pixel desnsity.
MacBook Pro 16″ 2019 viewport size is 1536 x 960 ^PX with ~ 113 actual pixel density, which means it have 2 xhdpi display pixel density.

Screen Resolution and Viewport

The sum of pixels which are displaying on a device is called as "Screen Resolution". and sum of actual pixels of any device is reffered to as "Viewport".

MacBook Pro 16″ 2019 have 16" physical screen size with IPS technology and it's native resolution is 3072 x 1920 Pixels with approximately 226 PPI pixel density. MacBook Pro 16″ 2019 has viewport size 1536 x 960 Pixels and its pixel ratio is about 2.

MacBook Pro 16″ 2019 supports scaled lower resolutions listed below:
- 2048 x 1280
- 1792 x 1120
- 1344 x 840
- 1152 x 720

MacBook Pro 16″ 2019 Simultaneously supports full native resolution on the built-in display at millions of colors and:
- Up to two displays with 6016 x 3384 resolution at 60Hz at over a billion colors
- Up to four displays with 4096 x 2304 resolution at 60Hz at over a billion colors
- Native DisplayPort output over USB‑C
- VGA, HDMI, DVI, and Thunderbolt 2 output supported using adapters (sold separately)

For better understanding screen actual sizes, viewport sizes, display resolution and about their density click here.

CSS Media Queries

MacBook Pro 16″ 2019 Media Queries (In terms of Mobile only)

@media only screen and (min-width: 1536px) and (max-width: 767px) { /* Your Styles... */ }

MacBook Pro 16″ 2019 Min-Width Media Queries

@media only screen and (min-width: 1536px) { /* Your Styles... */ }

MacBook Pro 16″ 2019 Min-Height Media Queries

@media only screen and (min-height: 960px) { /* Your Styles... */ }

MacBook Pro 16″ 2019 Landscape Media Queries

@media only screen and (min-width: 960px) and (orientation: landscape) { /* Your Styles... */ }

MacBook Pro 16″ 2019 Portrait Media Queries

@media only screen and (min-width: 1536px) and (orientation: portrait) { /* Your Styles... */ }

MacBook Pro 16″ 2019 Device Width Media Queries

@media only screen and (min-device-width: 1536px) and (orientation: portrait) { /* Your Styles... */ }
@media only screen and (min-device-width: 960px) and (orientation: landscape) { /* Your Styles... */ }

MacBook Pro 16″ 2019 Retina Media Queries

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 226dpi),
  only screen and (                min-resolution: 2dppx) { 
    /* Retina styles here */
}
                                

Retina is actually based upon device pixel ratio. Devices mostly have 2x or 3x display so you can use general retina media queries to display high resolution content on all kind of devices. Retina 2x and Retina 3x media queries given below:

Retina 2x Media Query

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
  only screen and (                min-resolution: 2dppx) { 
    /* Retina styles here */
}
                                

Retina 3x Media Query

@media
  only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3),
  only screen and (                min-resolution: 384dpi),
  only screen and (                min-resolution: 3dppx) { 
    /* Retina styles here */
}
                                

MacBook Pro 16″ 2019 Specifications

• Launch Date Mid 2019
• OS macOS Catalina
• Physical Screen Size 16 INCH
• Resolution 3072 x 1920 PX
• Viewport Size 1536 x 960 PX
• Pixel Density 226 PPI
• Device-Independent Pixels 113 PPI
• Pixel Ratio 2 xhdpi
• Width 3072 PX
• Height 1920 PX
• Device Width 1536 PX
• Device Height 960 PX
• Dimensions 35.79 x 1.62 x 24.59 cm (14.09 x 0.64 x 9.68 in)
• Weight 2.0 kg - 4.3 Pounds