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

Display different images on different devices

本文关键字：显示 图像      更新时间：2023-09-26

我正在寻找一种在同一位置显示不同图像的方法，这取决于网站的设备。

更多背景：我把我的标志放在导航栏里——它非常适合桌面版，可以显示在一行——在移动版上，它太长了，扩展到了两行。我想在桌面网站上使用我的完整徽标，而在移动网站上只使用我徽标中的小符号。

谢谢。

如果使用Bootstrap，可以通过在图像中添加类来轻松完成。(http://getbootstrap.com/css/#responsive-公用事业）

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

使用以下任何类在某个显示器上隐藏某个标记/元素，并在其他显示器上显示。

  1. 隐藏xs
  2. 隐性sm
  3. 隐藏md
  4. 隐藏lg

使用以下任何类在某个显示器上显示某个标签/元素，并在其他显示器上隐藏。

  1. 可见xs
  2. 可见sm
  3. 可见md
  4. 可见lg

还需要更多解释吗？反击：）

相关文章：