Cómo evitar que el dispositivo móvil cambie de tamaño y utilice el archivo css adecuado

para evitar el desplazamiento horizontal en mis páginas web, he utilizado 3 hojas de estilo diferentes para dispositivos móviles, de tableta y de escritorio. Trato de decirle al navegador que utilice el archivo css adecuado con las siguientes etiquetas en la cabecera del archivo html:

<link href="static/css/cssL.css" rel="stylesheet" type="text/css" media="(min-width:1000px)" /> <link href="static/css/cssM.css" rel="stylesheet" type="text/css" media="(min-width:551px) and (max-width:999px)" /> <link href="static/css/cssS.css" rel="stylesheet" type="text/css" media="(max-width:550px)" /> 

al hacerlo, espero que los navegadores móviles utilicen cssS.css. pero cuando comprobé el sitio web en un teléfono móvil de Samsung, parece estar utilizando cssL.css y encoge la página web para evitar la barra de desplazamiento horizontal. de esta manera, los textos son muy pequeños e ilegibles.

¿hay algo mal con el enfoque? ¿Qué me estoy perdiendo?

muchas gracias.

2 Solutions collect form web for “Cómo evitar que el dispositivo móvil cambie de tamaño y utilice el archivo css adecuado”

Prueba la siguiente metaetiqueta

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0"> 

Chrome en Android tiene una configuración de accesibilidad que permite a los usuarios acercarse y alejarse incluso si la página solicita que no se pueda ampliar. Por lo tanto, es posible que la configuración escalable al usuario se establezca como desee, pero el navegador lo ignora. Algunos defensores de la accesibilidad argumentarán que nunca debe inhabilitar el zoom. http://adrianroselli.com/2015/10/dont-disable-zoom.html

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.