Javascript JS:基于屏幕宽度的条件图像链接

Javascript JS:基于屏幕宽度的条件图像链接,javascript,css,hyperlink,Javascript,Css,Hyperlink,当屏幕宽度

当屏幕宽度<(比如)1080像素时,我想禁用下面的链接。所以我需要一些JS来完成这项工作,我对JS完全是新手

简化:

    IF SCREEN-WIDTH<1080 THEN
        <a href="test01.jpg" target=_blank;>
             <img src="test01.jpg" width="100%" height=auto> 
        </a>
    ELSE
        <img src="test01.jpg" width="100%" height=auto> // NO LINK

如果屏幕宽,请不要使用
脚本
标记。这毫无意义。每个问题都是关于脚本的。标签太差了,过去会被删除,很快还会被删除。基于屏幕大小的隐藏项目可以通过CSS和bootstrap等框架完成。这个将
class=“d-lg-none”
添加到
div
会在大屏幕上隐藏它,而
d-lg-block
会在大屏幕上显示它
d-none d-lg-block
默认情况下将隐藏它,大屏幕除外。实际上,它将在小于
lg
的屏幕上隐藏
div
。大小不一