¿Por qué mis consultas de medios CSS3 no funcionan en dispositivos móviles?

No olvide tener las declaraciones css estándar encima de la consulta de medios o la consulta tampoco funcionará.

.edcar_letter{
    font-size:180px;
}

@media screen and (max-width: 350px) {
    .edcar_letter{
        font-size:120px;
    }
}

Sospecho que la palabra clave only puede ser el problema aquí. No tengo problemas al usar consultas de medios como esta:

@media screen and (max-width: 480px) { }

Usé bootstrap en un sitio de prensa, pero no funcionó en IE8, usé css3-mediaqueries.js javascript pero todavía no funciona. si desea que su consulta de medios funcione con este archivo javascript, agregue la pantalla a su línea de consulta de medios en css

Aquí hay un ejemplo:

<meta name="viewport" content="width=device-width" />


<style>
     @media screen and (max-width:900px) {}
     @media screen and (min-width:900px) and (max-width:1200px) {}
     @media screen and (min-width:1200px) {}
</style>

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<script type="text/javascript" src="css3-mediaqueries.js"></script>

Línea de enlace Css tan simple como la línea anterior.

Hoy tuve una situación similar. Media query no funcionó. Después de un tiempo encontré que el espacio después de' y ' faltaba. La consulta de medios adecuada debería tener este aspecto:

@media screen and (max-width: 1024px) {}

@media all and (max-width:320px)and(min-width:0px) {
  #container {
    width: 100%;
  }
  sty {
    height: 50%;
    width: 100%;
    text-align: center;
    margin: 0;
  }
}

.username {
  margin-bottom: 20px;
  margin-top: 10px;
}

Utilizo algunos métodos dependiendo. En la misma hoja de estilo utilizo: @media (max-width: 450px), o para separar asegúrese de tener el enlace en el encabezado correctamente. Eché un vistazo a tu arreglo y tienes una matriz confusa de enlaces a css. Actúa como usted dice también en HTC desire S.

Asegúrese de que todos sus comentarios css utilizan este marcado /*... */ -- cuál es el marcado de comentarios correcto para css según MDN

Había copiado bootstrap 4 media queries directamente desde sus documentos y cada consulta está etiquetada con el mismo estilo javascript comment markup // !

Además, IntelliJ text editor me permitió comentar líneas específicas de css en un archivo LESS, pero usé automáticamente //. No es freeware, así que asumí que tenía razón. Hay un menú de preferencias para corregir este comportamiento.

Además, valida tu css con un validador en línea confiable. Aquí hay uno de W3

Para mí había indicado max-height en lugar de max-width.

Si eres tú, ¡ve a cambiarlo !

    @media screen and (max-width: 350px) {    // Not max-height
        .letter{
            font-size:20px;
        }
    }