Показать сообщение отдельно
  #2 (permalink)  
Старый 19.08.2021, 22:18
Новичок на форуме
Отправить личное сообщение для Wass13 Посмотреть профиль Найти все сообщения от Wass13
 
Регистрация: 19.08.2021
Сообщений: 2

Как по мне ваша проблема в том, что вы изначально не смогли сформировать в голове алгоритм, что и как вы хотите, чтобы работало. Собственно ответ уже есть в вашем вопрос - "блок появляется если разрешение больше 1100, а если меньше, чтобы блока не было."

Называется "ресайз".

И еще, если не ошибаюсь, минимальный десктоп - 1024px.

function screenResize(desktop) {

  // if screen resolution is less then 1023px
  if (desktop.matches) {

   // your code here
        
    // if screen resolution is higher then 1023px
    } else {

      // your code here
    
    }  
  } // screen resolution function

  let x = window.matchMedia("(max-width: 1023px)");
  screenResize(x);
  x.addListener(screenResize);
Ответить с цитированием