Css 在小屏幕上禁用PrettyTo（或任何a href链接）

我正在寻找一种在mibile设备或任何其他小屏幕上禁用lightbox的方法，在花了几个小时尝试不同的脚本后，我发现了一种非常简单的方法，可以通过css媒体查询实现这一点：

html

但是，我只是想知道是否有更好的（合适的？）方法？使用JS函数（（$（window）.width（））是否更好？我想确定它在任何设备上都能工作。谢谢。

只需使用以下内容将其包装起来：

if ($(window).width() >= 768) { 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
}

---

将起作用

非常感谢您的回答：）

@media all and (max-width: 479px) {
    a.lightbox {    
        pointer-events: none;
    }
}

if ($(window).width() >= 768) { 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
}