仅将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()为您提供设备的宽度（以像素为单位），您可以使用该值来相应地确定mobile、tablet或desktop设备，并相应地添加设备特定代码。