El meta tag viewport funciona bastante bien. El problema con esto es que tenés el atributo "user-scalable" en no, lo que va a hacer que el usuario no pueda dar zoom a tu aplicación.
Si estás construyendo para visualizar en dispositivos móviles, es muy incómodo no poder zoomear para acceder a determinadas funcionalidades.
Además un display para web no necesariamente va a funcionar para mobile donde generalmente se hacen los botones más grandes, se muestran textos más cortos y se usan imágenes más livianas.
Los media queries se usan generalmente para definir distintos estilos según la resolución en la que se ejecute el sitio.
Te dejo un link con información detallada:
https://developer.mozilla.org/es/docs/CSS/Media_queries
Saludos