Любое побуждение к функции экрана @media @media и (max-width: 768px) в jquery?

Question

существует ли какая-либо инициатива к экрану функции css @media и (max-width: 768px) существует? Я сделал отзывчивую навигацию. Но когда я переключаю отображение элемента с нуля на блокировку по размеру экрана мобильного устройства, он также отображается на исходном размере экрана. Есть ли способ избежать этого?

Answer 1

Возможно, вы не объявили правила CSS в правильном порядке, но в любом случае вы не предоставили никакого кода, поэтому мы не будем знать.

Вы должны сделать следующую небольшую корректировку- @media only screen and (max-width: 768px). Вот пример кода и JS Fiddle ниже - попробуйте изменить размер окна браузера, и вы увидите, что правила CSS будут применяться после того, как вы изменили размер.

<div id="myElement">
  <p>
    hello
  </p>
</div>

-

#myElement {
   display: none; 
}

@media only screen and (max-width: 768px) {
  body {
    background-color: lightblue;
  }
  #myElement {
    display: block;
  }
}

Пример JS Fiddle: https://jsfiddle.net/1dqxkgyt/3/