The iPhone 12 series was announced on October 23, 2020.

The new iPhone 12 Mini, iPhone 12, iPhone 12 Pro, iPhone 12 Pro Max come in three sizes: 5.4", 6.1" and 6.7" and are very similar to their 12 Series predecessors. The new phones differ from last year's models with a thickness of 1mm.

From a development perspective, it is important to know the Viewport Size, Screen Resolution, and CSS media queries for Apple's 12-series latest flagships. Companies should prepare and adapt their web applications to be compatible with the these iPhones.

The new iPhones' Viewports, Screen Size, Screen Resolution, and CSS Media Query:

• https://blisk.io/devices/details/iphone-12-mini
  iPhone 12 Mini Viewport, Screen Size, Screen Resolution and CSS Media Query
• https://blisk.io/devices/details/iphone-12
  iPhone 12 Viewport, Screen Size, Screen Resolution and CSS Media Query
• https://blisk.io/devices/details/iphone-12-pro
  iPhone 12 Pro Viewport, Screen Size, Screen Resolution and CSS Media Query
• https://blisk.io/devices/details/iphone-12-pro-max
  iPhone 12 Pro Max Viewport, Screen Size, Screen Resolution and CSS Media Query