jquery - 仅将jquery代码应用于移动设备

Question

我正在使用fullcalendar在网站上，并且希望在较小的屏幕尺寸上稍微不同地设计事件样式。如果窗口低于特定大小，如何触发下面的代码？

eventAfterRender: function(event, element, view) {
    $(element).css('height','10px');
}

Answer 1

您可以使用$(window).width()作为

    var width = $(window).width();
    if (width <= 480) {
      //code for mobile devices
    } else {
      //code for other devices
    }

$(window).width() 为您提供设备的宽度(以像素为单位)，您可以使用该值来确定移动设备、平板电脑 或 desktop 设备，并相应地添加您的设备特定代码。