Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Added updated device list

Status
colourYellow
titleDRAFT

Standards

We generally target the latest version of the following web browsers, at the time of project starttop four web browsers of the following two breakpoints...

  • Desktop

...

    • Chrome
    • Firefox
    • Safari

...

    • Edge
  •  Mobile
    • Chrome (iOS & Android)

...

    • Safari (iOS)

These figures are brought down from statcounter.com .

Testing with BrowserStack

...

  1. Visit https://www.browserstack.com/start
  2. Select which device to test on and start the browser
  3. Load up the URL and test away

Device List (Updated Nov 2022)

Here is a baseline list for modern devices with most used viewport sizes:

  • iPhone 13 mini: viewport width - 375px
  • iPhone 13 pro max: viewport width - 428px
  • iPad Air 5: viewport width - 820px
  • iPad mini 2021: viewport width - 744px
  • Samsung S20: viewport width - 360px
  • Samsung Galaxy Tab S8: viewport width - 753px

Device List

Here is a baseline list for maximum browser coverage:

...