CODEWITHSUNDEEP
responsive
Peter Boomsma
Peter Boomsma

Reputation: 9806

Detect mobile device in Edge (on Surface Tab)

I'm using:

@media only screen and (pointer: coarse) {}

As a media query to select non desktop devices and on Android Chrome this works fine but in Edge on the Surface Tab devices this doesn't work. While pointer is supported in Edge browsers.

https://caniuse.com/#feat=css-media-interaction

Upvotes: 0

Views: 127

Answers (1)

Rolanda
Rolanda

Reputation: 348

Is a Modernizr extension called Detectizr (https://github.com/barisaydinoglu/Detectizr) which is adding classes to your HTML tag.

When you inspect the element you will see something like this:

<html class="js js no-touch desktop landscape windows windowsnt windowsnt_0 64bit chrome chrome71 chrome71_0 webkit">

As you can imagine the classes will change depending of your browser, OS, etc

Upvotes: 1

Related Questions