如何在 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
    }