仅将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设备并添加您的设备相应的代码。

Answer 2

对于jquery中的较小屏幕，您可以使用

定义窗口的大小

$(window).width()

制作if条件

var windowWidth = $(window).width();
if(windowWidth<768){//Your script if device width is under 768px}