当窗口宽度减小和扩大时，我正在尝试一些与幻灯片不同的东西。我在 slideshows.html 中有两个幻灯片的 html 代码。幻灯片标记为：
<div class="slideshow-mobile">... </div>
<div class="slideshow-desktop">... </div>
当窗口宽度大于 769 像素时，我想将位于 slideshow.html 中的“.slideshow-desktop”附加到位于 index.html 页面的“#featured”div 中。
当窗口宽度小于 769px 时，我想从现有幻灯片中删除代码，'.slideshow-desktop'，然后在#featured 中附加'.slideshow-mobile'。换句话说，当窗口宽度小于 769 像素时，我只想将 '.slideshow-desktop' 替换为 '.slideshow-mobile'。
我希望这是从那时起。有谁知道，或者有关于如何做到这一点的线索？