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.
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.
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;