Javascript JS:基于屏幕宽度的条件图像链接
当屏幕宽度<(比如)1080像素时,我想禁用下面的链接。所以我需要一些JS来完成这项工作,我对JS完全是新手 简化:Javascript JS:基于屏幕宽度的条件图像链接,javascript,css,hyperlink,Javascript,Css,Hyperlink,当屏幕宽度
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
。大小不一