在加载时使用屏幕尺寸条件将CSS工作表添加到iframe

Question

我有一个加载iframe（fancybox）的页面。我希望能够基于jquery条件插入一个额外的CSS文件。如下所示：

if ($(window).width() > 1220) {

    var lightbox_stylesheet = '<link rel="stylesheet" href="example.css" type="text/css" />';

    $('head').append(lightbox_stylesheet);
};

我已尝试在document.ready上执行此操作，但这不起作用。有谁知道如何让iframe加载这个CSS文件？