Using Modernizr to test for tablet and mobile – Opinions wanted

by

This question is a bit old but I couldn’t find a better answer when I googled it.

Most desktops now are touch enabled, so detecting it is irrelevent.

The best way to detect them is by screen size.

With Modernizr you can use if (Modernizr.mq('only all and (max-width: 480px)')) { ...}

More Related Contents:

  1. Media Queries: How to target desktop, tablet, and mobile?
  2. Responsive web design is working on desktop but not on mobile device
  3. WAMPServer, access server from mobile phone
  4. Div show/hide media query
  5. Programmatic SMS [closed]
  6. How to detect when a React Native app is closed (not suspended)?
  7. How does Codename One work?
  8. Flutter (Dart): Exceptions caused by rendering / A RenderFlex overflowed
  9. JavaScript how to check User Agent for Mobile/Tablet
  10. Apps Script Web App elements are too small when viewed on a phone
  11. Hover effects using CSS3 touch events
  12. What are best practices for detecting pixel ratio/density?
  13. Detect mobile devices – and tablet devices
  14. What is the state of whitelisting in phonegap 1.3.0?
  15. Simplest way to detect a mobile device in PHP
  16. Get GPS location from the web browser
  17. Change desktop wallpaper using code in .NET
  18. Can you do Desktop Development using JavaScript? [closed]
  19. @Media min-width & max-width
  20. How to draw directly on the Windows desktop, C#?
  21. HTML5 drag and drop between windows
  22. What is the purpose of the HTML “no-js” class?
  23. Bootstrap 3 – desktop view on a mobile device
  24. C#: Get complete desktop size?
  25. Layout: Text overflowing in Flutter
  26. How to detect Facebook in-app browser?
  27. iphone/ipad triggering unexpected resize events
  28. Designing Android apps for tablets
  29. How can I change the OverScroll color in Android 2.3.1?
  30. Text/Layout Alignment in Android (textAlignment, gravity)

Leave a Comment