0

@mediaquery esta trabajando bien con todas las propiedades excepto con el padding, al que ignora.. ¿por que pasa esto y cono puedo solucionarlo? ¿se trata de un bug o que?..pongo mi sintaxis por si esta mal codificada y no me he dado cuenta (ayuda por favor!):

@media ( max-width : 500px ) {
  header div {
  padding : 0;
  text-align : center;
  border: 1px solid red;
  }
}

Tambien he probado con esto (pero tampoco funciona) :

@media only screen and ( max-width : 500px ) {
  header div {
    padding : 0;
    text-align : center;
    border: 1px solid red;
 }
}
9
  • 1
    ¿Puede ser que tengas otro estilo que esté pisando a este? el 9 nov. 2018 a las 19:02
  • intenta agregando esto: padding : 0 !important;
    – Bryro
    el 9 nov. 2018 a las 19:10
  • Si pero ¿de eso se trata mediaquery no? de pisar los estilos cada vez que se detecte una nueva resolucion.... ese estilo (que piensas que puede estar interfiriendo) esta por debajo....es decir mi mediaquerie esta encima de todos los estilos principales, y funciona sobreescribiendo todas las otras propiedades excepto el padding
    – user104554
    el 9 nov. 2018 a las 19:12
  • Si tienes una propiedad css con !important no la sobreescribe
    – Carmen
    el 9 nov. 2018 a las 19:26
  • Bryro+ Funcionó, gracias...ahora si puedes por favor explícame por que las otras propiedades funcionan sin el "important" y por que el paddin no. ¿es un bug o que?
    – user104554
    el 9 nov. 2018 a las 19:44

0

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

Examina otras preguntas con la etiqueta o formula tu propia pregunta.