Javascript 在不同的设备上显示不同的图像

Javascript 在不同的设备上显示不同的图像,javascript,android,ios,css,Javascript,Android,Ios,Css,我正在寻找一种在同一位置显示不同图像的方法,这取决于网站从哪个设备上拉上来 更多背景:我把我的徽标放在导航栏上——它完全适合桌面版,可以一行显示出来——在移动版上,它太长了,扩展到两行。我想在桌面站点上使用我的完整徽标,在移动站点上仅使用我徽标中的小符号 谢谢。如果您使用的是引导,您可以通过向映像中添加类来轻松实现。 ()通过使用可见类和隐藏类,您可以轻松做到这一点 使用以下任一类在特定显示器上隐藏特定标记/元素,并在其余显示器上显示。 隐藏X 隐藏sm 隐藏md 隐藏lg 使用以下任一类在特定

我正在寻找一种在同一位置显示不同图像的方法,这取决于网站从哪个设备上拉上来

更多背景:我把我的徽标放在导航栏上——它完全适合桌面版,可以一行显示出来——在移动版上,它太长了,扩展到两行。我想在桌面站点上使用我的完整徽标,在移动站点上仅使用我徽标中的小符号


谢谢。

如果您使用的是引导,您可以通过向映像中添加类来轻松实现。
()

通过使用可见类和隐藏类,您可以轻松做到这一点

使用以下任一类在特定显示器上隐藏特定标记/元素,并在其余显示器上显示。

  • 隐藏X
  • 隐藏sm
  • 隐藏md
  • 隐藏lg
  • 使用以下任一类在特定显示器上显示特定标记/元素,并隐藏在其余部分。

  • 可见X
  • 可见sm
  • 可见md
  • 可见lg

  • 还需要更多的解释吗?回击我:)

    那么…CSS媒体查询?