Why is it important?

It is becoming more popular that users are using the internet on their tablets or on their smart phones rather than using the desktop or laptop browsers. Therefore, it is important to test the website on all of the android mobiles and tablets, iPhones and iPads.

- 48%
- 24%
- 15%
- 9%
- 1%

Statista.com (February 2018)


Support and Functionality

HTML5 and CSS3


The 'Can I Use' tool can informs about what is supported in each mobile. However, they will not provide you alternatives, but there are forums including Stack Overflow to support with building and styling sites. Furthermore, Chrome has a mobile devices button on the top left of the tool, which is useful as it shows different devices when you don't have a particular device.

User Interface Recommendations

Mobile and tablet devices have touch screen, and laptops and desktops have a mouse, so they are very different when using a link hover element. The disadvantage of using the mobile or tablet is that the hover effect won't work as it requires the mouse to hover over the link. Therefore, the solution for this is to show the user where they can find more information. Browserstack is a good software for testing websites on mobile and tablet devices.

The current browsers used to test are:

  • iPhones: Versions 6 +
  • Android Phones: Versions 6 +
  • Window Phones: Latest Versions
  • iPads Versions 6 +
  • Android Tablets: Versions 6 +