Detect if a browser in a mobile device (iOS/Android phone/tablet) is used

by

Here’s how I did it:

@media (pointer:none), (pointer:coarse) {
}

Based on https://stackoverflow.com/a/42835826/1365066

More Related Contents:

  1. What is the exact screen width and height of a phone? [duplicate]
  2. Media Queries: How to target desktop, tablet, and mobile?
  3. Can media queries resize based on a div element instead of the screen?
  4. What is the difference between max-device-width and max-width for mobile web?
  5. What is the difference between “screen” and “only screen” in media queries?
  6. Twitter Bootstrap 3: how to use media queries?
  7. CSS @media print issues with background-color;
  8. CSS media queries: max-width OR max-height
  9. Common breakpoints for media queries on a responsive site
  10. Nesting @media rules in CSS
  11. Should I use max-device-width or max-width?
  12. What are the rules for CSS media query overlap?
  13. @Media min-width & max-width
  14. CSS specificity, Media Queries and min-width
  15. CSS media queries – Order matters?
  16. Extending selectors from within media queries with Sass
  17. Responsive css styles on mobile devices ONLY
  18. Media query not working in IE9
  19. IE7, IE8 support for css3 media query [duplicate]
  20. Max-Width vs. Min-Width
  21. How to detect if the OS is in dark mode in browsers?
  22. How to make responsive table [closed]
  23. How to code CSS media queries targeting ALL mobile devices and tablets?
  24. How to control number of items per row using media queries in Flexbox?
  25. How do I combine two media queries?
  26. Media Query grouping instead of multiple scattered media queries that match
  27. Bootstrap – Removing padding or margin when screen size is smaller
  28. Media queries and background images
  29. Media Queries – Mobile vs Desktop Browser
  30. @media media query and ASP.NET MVC razor syntax clash

Leave a Comment