Change css if device is on mobile

Question

I've already performed media queries for different screen sizes, but I want to have different css if the website is viewed on mobile. So even if the screen is the same min-width on desktop and mobile, I want to have different css.

Any idea how I can do this?

Possible duplicate of stackoverflow.com/questions/14942081/… — spawnedc
– spawnedc, Commented Mar 7, 2018 at 8:54
Possible duplicate of How to load different css file depending on window width: smaller size not recognized — AgeDeO
– AgeDeO, Commented Mar 7, 2018 at 8:55
Possible duplicate of What is the best way to detect a mobile device in jQuery? — giorgio
– giorgio, Commented Mar 7, 2018 at 8:56

Bhuwan · Accepted Answer · 2018-03-07 08:59:55Z

Could use userAgent?

loadUserAgent () { let UA = navigator.userAgent; if(UA.match(/Android/) || UA.match(/iPhone/) || UA.match(/BlackBerry/) || UA.match(/iPod/) || UA.match(/Windows Phone/) || UA.match(/iPad/) || UA.match(/webOS/)) { this.isMobile = true; } }

If you want to support other devices such as Blackberry, Opera Mini etc. Your going to have to add their user agents manually.

Collectives™ on Stack Overflow

Change css if device is on mobile

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related