根据屏幕大小增加div的填充

@media (max-width: 768px) {
  .div-class {
    padding: 10px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .div-class {
    padding: 20px;
  }
}

@media (min-width: 1025px) {
  .div-class {
    padding: 30px;
  }
}

window.addEventListener('resize', function() {
  var screenWidth = window.innerWidth;
  var paddingValue;

  if (screenWidth <= 768) {
    paddingValue = 10;
  } else if (screenWidth > 768 && screenWidth <= 1024) {
    paddingValue = 20;
  } else {
    paddingValue = 30;
  }

  document.querySelector('.div-class').style.padding = paddingValue + 'px';
});