¿Por qué se ignora mi consulta de medios CSS? -- html campo con css campo con media-queries camp Relacionados El problema

Why is my CSS media query being ignored?


0
vote

problema

Español

Estoy tratando de obtener esta pieza de CSS trabajando en mi iPad, pero parece estar ignorando la consulta de los medios y utiliza la envoltura predeterminada CSS. ¿Hay alguna forma en que puedo evitar que esto suceda?

  function trocarCodBar(m) { AdataSource = loadDataSource(); viewModel.AdataSource(AdataSource); //done... for (var i = 0; i < viewModel.listItems().length; i++) {     if(m=='bar')     //set <img imcodb or imcodbqr visible false or true. }} 3  
Original en ingles

Im trying to get this piece of CSS working on my ipad but it seems to be ignoring the media query and using the default wrapper CSS instead. is there a way I can stop this from happening?

@media only screen and (max-width: 1024px) and (max-height: 768px) {     #wrapper {         position:absolute;          z-index:1;         top:41px;         width:150px;         height:300px;     }     }  #wrapper {     position:absolute;      z-index:1;     top:41px;      bottom:0px;      left:0;     width:100%;     height:800px;     overflow:auto; } 
        

Lista de respuestas

5
 
vote
vote
La mejor respuesta
 

¿No se anulan los estilos de su consulta de medios por los valores posteriores en lugar de ignorados? ¿Ha intentado mover los estilos generales antes de los mq (supongo que también podría usarlo! Importante, pero es generalmente una mala idea), o agregando otro estilo obvio, como >1111 En el MQ ONE?

 

Aren't your media query styles being overridden by the later values rather than ignored? Have you tried moving the general styles before the MQ ones (I suppose you could also use !important, but that's generally a bad idea), or adding in another obvious style, like background: red; in the MQ one?

 
 
 
 
1
 
vote

Como regla general, siempre debe escribir sus consultas de medios en su hoja de estilo, de modo que se definen los estilos principales, y luego las consultas de los medios vienen y anulenlos al final.

 

As a general rule, you should always write your media queries last in your stylesheet, so that the main styles are defined, and then the media queries come and override them at the end.

 
 

Relacionados problema

1  Determinar la ubicación en la posición del clic del mouse  ( Determine location at the position of mouse click ) 
Estoy armando una herramienta que permite a las personas hacer doble clic y dejar mensajes en cualquier lugar de una página HTML usando jQuery. Ha golpeado un...

19  Vista de columna de bootstrap en retrato y paisaje  ( Bootstrap column view in portrait and landscape ) 
Soy fallido nuevo en BootsRap y quería preguntar, ¿hay de todos modos, que cuando la pantalla del dispositivo esté en vertical para usar siempre las columnas ...

11  Usando las unidades REM en las consultas de medios y de ancho  ( Using rem units in media queries and as width ) 
Cuando se usa unidades REM en Google Chrome (o Firefox), el resultado es inesperado. Configure una página con el tamaño de fuente de raíz establecido en 10px ...

0  ¿Por qué mis imágenes de fondo en iPhone se ensancharon y aparecen normales en el navegador?  ( Why my background images on iphone messed up and theyre appear normal on browse ) 
Estoy teniendo un problema cambiar el tamaño de mis imágenes de fondo para el iPhone. Cuando estoy en el modo de desarrollador, aparecen normales, pero en iPh...

0  Contenido de la página no visible en Android en el paisaje  ( Page content not visible on android in landscape ) 
He estado visitando STACKOVERFLOW durante un bien, ahora para encontrar todo tipo de soluciones para problemas con los que me encuentro en la codificación, as...

1  Sass - consultas de medios  ( Sass media queries ) 
Recientemente comencé a aprender SASS y estoy teniendo un problema con la consulta de los medios. Algunas clases funcionan y otras no, como la clase de palanc...

0  ¿Cómo deshacerse de la sombra blanca en el fondo del desplegamiento de entrada de selección en iOS Mobile según CSS?  ( How to get rid of white shadow on the background of select input dropdown in ios ) 
Mi pregunta es sobre cuando intenté -Webkit-Apariencia: Ninguno , la sombra blanca ha desaparecido. Sin embargo, la flecha de CARET en la caja de selecci...

1  Cómo hacer una imagen receptiva para sitios móviles  ( How to make responsive image for mobile sites ) 
Tengo un sitio web que debe responder por los teléfonos móviles. Lo he creado usando mi escritorio. Cuando ajusto las ventanas del navegador, está funcionando...

14  ¿Es posible usar la pantalla: bloque en TD en el correo electrónico HTML, para lograr un diseño de tabla sensible?  ( Is it possible to use displayblock on td in html email to achieve responsive t ) 
Este fantástico artículo describe cómo crear tablas sensibles que escalan fabulosamente a los navegadores móviles. Ahora estoy tratando de aplicar la misma ...

0  Anular las consultas de medios predeterminadas en el tema de WordPress  ( Override default media queries in wordpress theme ) 
Tengo un sitio y el cliente quiere tener el menú móvil Patear en ~ 1300px vs predeterminado 768px. Todo lo que tengo que trabajar es un campo CSS personaliz...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos