jquery - 删除图标及其功能

Question

目标:
当您的计算机或手机分辨率低于 500 时，我想删除图标图片，其功能将不会激活。

问题:
我不知道该怎么做。

信息:

http://jsfiddle.net/sL3c1v12/14/

源码来自本站http://markgoodyear.com/labs/scrollup/

Answer 1

您可以使用 CSS Media Queries根据可用的屏幕尺寸更改内容的显示方式。

如果你有一个类为 .my-icon 的图标或图像:

.my-icon {
    width: 40px;
    height: 40px;
}

当可用屏幕宽度小于 500 像素时，您可以使用媒体查询来隐藏它:

@media (max-width: 500px) {
  .my-icon {
    display: none;
  }
}