Что бы выполнить определенный 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)