digamos que tengo una aplicación web en donde a menos de 1000 px muestra la vista móvil y a más da la vista tablet.
El caso es que hay móviles con ancho de 1080 y son "pequeños" y quieren verlo en modo móvil.
¿No se podría conseguir la densidad de píxeles para ver que realmente es un dispositivo "pequeño" aunque tenga esa resolución?
Está básicamente echa la aplicación web con css y jquery.
CitarEl caso es que hay móviles con ancho de 1080 y son "pequeños" y quieren verlo en modo móvil.
usualmente aunque sean 1080 su tamaño de muestra es menor
aquí tienes una lista con tamaños comunes
https://mediag.com/blog/popular-screen-resolutions-designing-for-all/ (https://mediag.com/blog/popular-screen-resolutions-designing-for-all/)
cosas como el css de boostrap te puede resolver mucho del trabajo necesario
Eso es el viewport y el device-width. Aunque la mayoria de moviles tengan ya resoluciones tipo HD o FHD el width real sigue siendo de entre 320 y 480 px. El device-width se encarga de proporcionar los píxeles independientes de la pantalla y por tanto, no te hace falta saber la densidad de pixeles que tiene dicha pantalla en concreto.
Lecturas recomendadas:
https://developer.mozilla.org/es/docs/M%C3%B3vil/Viewport_meta_tag
https://developers.google.com/web/fundamentals/design-and-ux/responsive
TL;DR
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Saludos
quizás debería haber matizado que es un proyecto ya hecho de mucho volumen que sería inviable pasarla a bootstap o hacerla responsive.
un ejemplo de móvil sería Samsung Galaxy A50 tiene un tamaño de pantalla de 6,4" , con una resolución de 1080x2340.
Era para ver si se os ocurría algún "parche" para este tipo de phablets... sólo se me ocurre modificar el CSS para aumentar el ancho de 1000 a 1080...
Usa la línea que te dio drvy y ve el resultado