Как сделать media запрос css?

Question

[Павел]

Есть блок с отступом margin-left: 289px
Как сделать, чтобы при разрешении 1280x720, применялся отступ в margin-left: 172px ?

<style>
  @media only screen and (max-width: 1280){
     #media1{
      margin-left:172px;   
}
}
</style>

 <div id="media1" style="margin-left: 289px"></div>

Comments

[Вадим Кот]

Вы прописали margin-left: 289px в inline стили и хотите медиа-запросами изменить margin?
Внимательно прочтите https://developer.mozilla.org/ru/docs/Web/CSS/Spec... (в частности про style="")

Answer 1

[dicem]

Во первых попробуйте без only screen,

@media (max-width: 1280){
  #media1{
    margin-left:172px;   
  }
}

во вторых если же не работает ваш запрос, попробуйте добавить в

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

[Алёна]

@media (max-width: 1280px){
  #media1{
    margin-left:172px!important;   
  }
}

так конечно нехорошо делать, но инлайновые стили по другому не перебить.