Рубрики
JavaScript Программирование

JavaScript Media Query c поддержкой Safari браузера

Что бы выполнить определенный JavaScript код, в зависимости от ширины экрана можно использовать следующий код, который работает и в Safari браузерах

// Create a condition that targets viewports at least 768px wide
const mediaQuery = window.matchMedia('(min-width: 768px)')

function handleTabletChange(e) {
  // Check if the media query is true
  if (e.matches) {
    // Then log the following message to the console
    console.log('Media Query Matched!')
  }
}

// Register event listener
mediaQuery.addListener(handleTabletChange)

// Initial check
handleTabletChange(mediaQuery);Code language: JavaScript (javascript)

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *