Зачем? не обнаруживает носитель

Question

У меня проблемы с медиа-запросом, он хорошо меня обнаруживает первым, но когда он меньше 768 пикселей, он больше не определяет среднее значение

, это мои медиа-запросы.

@media  screen and (max-width:1920px){
#log {
bottom: 36%;
left: 35%;
  }
 }

@media screen and (max-width:1440px){
#log {

left: 41%;
width: 57%;
bottom: 30%;

}

#img2 {
width: 100%;
}
}
 @media screen and (max-width:1024px){
#log {
left: 61%;
width: 72%;
bottom: 30%;
 }
#img2 {
width: 100%;
  }
 }

  @media  screen and (max-width:765px){  /***** this is the one that does not work
#Table_01 {
margin-top: -12%;
 }
 }

Answer 1

Вы можете попробовать это: jsfiddle Demo

#Table_01 {
  display: block;
  width: 100%;
  height: 500px;
  border: 1px solid black;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
   #Table_01 {
     margin-top: -12%;
   }
}

<table id="Table_01"></table>

Примечание: в некоторых @media вопросах у вас есть 2 пробелов, попробуйте использовать только один, чтобы избежать любой возможной проблемы.

Answer 2

Последний медиазапрос работает только тогда, когда ширина экрана равна или меньше 765px, а не 768px. Также необходимо закрыть комментарий с помощью * /

@media screen and (max-width:768px) { /* this is the one that does not work */
    #Table_01 {
        margin-top: -12%;
    }
}