如何在 jquery 中使用 css 媒體查詢？

Question

如何在下面的 jquery 中使用 css 媒體查詢？

$('document').ready(function() {
  $('.lws_woorewards_sponsorship_submit').click(function() {
    $('.lar-history-grid-title').css('margin-top','-20px');
  });
});

實際上，我想在單擊僅用於移動設備的按鈕時為 .lar-history-grid-title 留出余量。 最大寬度 768px；

Answer 1

檢查 screen.width 或使用 innerWidth。

  if(screen.width <= 768) {
     //Your code
    }