Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Detect Mobile Device</title> </head> <body> <script> if(window.matchMedia("(max-width: 767px)").matches){ // The viewport is less than 768 pixels wide document.write("This is a mobile device."); } else{ // The viewport is at least 768 pixels wide document.write("This is a tablet or desktop."); } </script> </body> </html>
