Versions Compared

Old Version 5

changes.mady.by.user RobLoach

Saved on

compared with

New Version Current

changes.mady.by.user Mariam Khalifa

Saved on

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 top three web four web browsers of the following three two breakpoints...

  • Desktop
    • Chrome
    • Firefox
    • Safari
    Tablet
    • EdgeSafari
  •  Mobile
    • Chrome (iOS & Android Browser)
     Mobile
    • Chrome
    • Safari
    • Samsung Internet BrowserSafari (iOS)

These figures are brought down from statcounter.com .

...

  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:

...