1

Como eu faço bloquear o 'padding' dessa função

   <div style=" width: 300px;  float:left; padding-top:68px" > no @media ?

O objetivo e bloquear o 'padding' em resoluções menores.

2 Respostas 2

1

Utilize class junto com @media:

.minha-div {
  padding-top: 68px;
  width: 300px;
  float: left;
}
@media (max-width: 300px) {
  .minha-div {
    padding-top: 0px !important;
  }
}
<div style="" class="minha-div">

</div>

Nesse link tem um tutorial de como utilizar as medias queries do CSS.

3
  • funcionou Vlw cara Commented 1/12/2014 às 14:48
  • Quando a resposta solucionar o problema, marque-a como correta. xD Commented 1/12/2014 às 14:59
  • Foi mal pela nubagem, marcado. Commented 1/12/2014 às 16:09
1

No CSS as regras são aplicadas na ordem... no seu caso provavelmente carrega antes do html.

Tente colocar !important na sua regra dentro @media

@media... {
   .classeDaDiv {
       padding-top: 0 !important;
1
  • Vlw por responder Commented 1/12/2014 às 14:48

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .