如果屏幕宽度太小，我们可以加载不同的外部链接吗？

Question

我想知道我们是否可以根据屏幕宽度加载不同的外部资源（例如jQuery），我知道我们可以做到

<a id="ctl00_ContentPlaceHolder1_lbtnSave" href='/save'>
<img id="ctl00_ContentPlaceHolder1_Image5" class="imgvalign" src="../../images/icons/save.gif"> Save
 </a>

但我们可以吗

<link rel="stylesheet" media="screen and (min-device-width: 800px)" href="mobile.css" />

Answer 1

我不认为它像css一样工作。但它的工作原理如下：

if (document.documentElement.clientWidth < 800) {
    $.getScript('https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js');
}